html - overflow:hidden hide text behind DOM element -


I think my question is trivial, but I am unable to find an ideal solution. I am trying to use overflow: to hide the hidden style behind a glyphicon (wrapped in a period), though I can not show how I display my code.

HTML & lt; Ul class = 'list-group' & gt; & Lt; Li class = 'list-group-item' & gt; & Lt; Span class = 'fileName' & gt; This_a_____________________________________ & Lt; Span style = 'float: right' & gt; & Lt; A href = "#" & gt; & Lt; Span class = 'glyphicon glyphicon-remove' & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; / Span & gt; & Lt; / Li & gt; & Lt; / Ul & gt;

css

  .list-group-item {status: relative; Hidden flurry; Text-overflow: oval; White-space: Abrop; }   

I should be on the same line as the glyphicon file name, and when the screen size is small (mobile device), I think that it will be on the edge of Overflow Glyphicon, not on the edge of the list-group item.

On this Bela: Glyphicon runs under fileName, so filename and remove glyphicon are not on the same line

On this idiot: there is overflow point on the list-group-mark .

How can I create overflow status for filename on extracting glyphin?

I have made several attempts with different combinations of the DOM elements as well as: relative, position: Full enrollment on file, you can see different iterations of the above Bella, what I have tried, Although I am not able to achieve my goal.

If it has been asked, then please turn me back to the answer, some help is greatly appreciated!

In fact, not a triangle vial!

The only solution to solving this problem is that the display: flex; Use the property.

It works well, but since this quality is quite new, it can not work in all the browsers you target.

Comments

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -