how to fix length of value of

Question

I have a balise <li> that have a backgroup but the value of the li sometimes is too long .

so I want when the value is too long to show just the begin of the value then some point like that :

112312531821321 =======> 112312531..

Is there an option in CSS or HTML to do this ?

this is my code :

 <ul > 
  <ui:repeat value="#{op.orderedOf}" var="vari" > 
    <li class="item"  ><h:outputText value="#{vari}" /></li>
     </ui:repeat>                     
      </ul>

See this one : http://stackoverflow.com/questions/802175/truncating-long-strings-with-css-feasible-yet — Fabien Sa, May 22 '13 at 07:41

score 0 · Answer 1 · edited May 23 '17 at 12:28

0

Use CSS ellipsis

Here is the similar question which I answered long ago

edited May 23 '17 at 12:28

Community

1
1

answered May 22 '13 at 07:42

Sowmya

26,684
21
96
136

score 0 · Accepted Answer · answered May 22 '13 at 09:47

0

ul li {

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

When can you use it!

http://caniuse.com/#search=ellipsis

SOLUTION FOR OPERA

text-overflow: -o-ellipsis-lastline

answered May 22 '13 at 09:47

Bartek Bielawa

562
4
10

how to fix length of value of

2 Answers2