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

Post a Comment

Popular posts from this blog

sonata admin - how to add ManyToOne property field in configureListfield in sonataAdmin -

I have a phone unit unit that contains many properties for many unit entity classes I An exception is given during the rendering of a template ("You must define a associated_property option or Create a \ __counter __ \ Examens \ ExamensBundle \ unit \ Grade Proxy :: __ toString service examens.examens.admin.fonctionnaire from the field option idGrade to the method is in SonataDoctrineORMAdminBundle "): CRUD: Line_ on line_list_orm_many_to_one.html.tw Fontionnaire.php class: & lt ;? Php namespace exams \ ExamensBundle \ Entity; Use the theory / ORM \ mapping as an ORM; / ** * PhoneNationLayer * / Class Fictionalair {//...//// ** * @VARAEfimens \ Examinations Bundle \ Unit \ Grade * / Private $ IDGed; //...//} FonctionnaireAdmin.php: & lt ;? Php namespace exams ExamensBundle \ Admin; Use Sonata \ AdminBundle \ Admin \ Admin; Sonata \ AdminBundle \ Datagrid \ ListMapper; Sonata \ AdminBundle \ Datagrid \ DatagridMapper; Sonata \ AdminBundle \ Validat...
Read more

sql - Return Function using Cursor -

My current schedule is: USERID Department NAME Real Estimated 522 Xyz Department John Wayne 2/1/14/14 8:34 522 Investigation Department John Wayne 2/17/1411: 21 78 9Except Department Bill Smith 2/17/14 9:41 78 9 Excise Department Bill Smith 2/17/14 11:16 78 9 Excise Department Bill Smith 2 / 17/14 11:50 78 9 Excise Department Bill Smith 2/17/14 12: 18 856 Explore Department Raul Castill 2/17/14 9:25 I have to create a function which enables me to enter a user ID and that Allows the user to return data from the person. However, I want to take the first line and want to hold the actual date and then put it in the 'column' check and I also carry the last row and store it in 'Check Out' in the column call. Basically, for every day, I want to record the records in the user's time and want to take the time for each day. This is what I have done so far " return @RtnValue table (useridd integer, deptname varchar (max), emplname varchar (100), actualDate da...
Read more

sql server - How to use pivot in this table -

वास्तविक तालिका संरचना ==================== =============== slno ParnetID ParnetName संवर्धन मार्केटर 1 SLM1010S SKR.RAJASHEGARAN 2 43640 2 40049 M.KANNAN 3 43640 3 40018 M.PRABU 6 43,640 4 SLM1010S SKR.RAJASHEGARAN 2 43641 5 40042 M.KANNAN 3 43,641 6 40011 M.PRABU 6 43,641 मैं अपने प्रश्न हैं: अस्थायी रूप (slno, parentid, parentname, parentpromotionid, marketerid, (चयन गणना (*) parentmaster कहां t1.marketerid = marketerid और t1.parentid से चयन युक्त = parentid और t1.parentname = parentname और slno & lt; = t1.slno) ROWNUM के रूप में parentmaster t1 रूप से) का चयन करें marketerid, [2], [6], [3] अस्थायी धुरी से (न्यूनतम (parentid) के लिए parentpromotionid में ( [2], [6], [3])) के रूप में टी लेकिन मैं इस तालिका संरचना चाहते हैं MarketerID 2 से 6 3 43,640 SLM1010S 40,018 40049 43641 SLM1010S 40011 40042 यह आपकी मदद कर सकता है .. बाज़ार का चयन करें, [2], [3], [6] से ( मार्केटर का चयन करें, संवर्धन, ParnetID parentmaster) घ धुरी (न्यूनतम (ParnetID) ([2], [3], [6])) के ...
Read more