html - 如何固定值的长度

Question

我有一个balise <li>，有一个backgroup但li有时值太长。

所以我希望当值太长而不能只显示值的开始时，然后是这样的一些点：

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

是否有选择CSS或HTML这样做？

这是我的代码：

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

Answer 1

使用 CSSellipsis

这是我很久以前回答的类似问题

Answer 2

乌里{

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

什么时候可以用！

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

歌剧解决方案

text-overflow: -o-ellipsis-lastline