如何固定 <li> 的值的长度答案

【问题标题】：how to fix length of value of <li>如何固定 <li> 的值的长度
【发布时间】：2013-05-22 07:39:29
【问题描述】：

我有一个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>

【问题讨论】：

看到这个：stackoverflow.com/questions/802175/…

标签： html css

【解决方案1】：

ul li{

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

什么时候可以使用！

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

歌剧解决方案

text-overflow: -o-ellipsis-lastline

【讨论】：

【解决方案2】：

使用 CSS ellipsis

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

【讨论】：