Question

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

所以我想当值太长而不显示值的开头那么有点像这样：

112312531821321 =======＆gt; 112312531 ..

CSS或HTML中是否有选项可以执行此操作？

这是我的代码：

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

Answer 1

使用CSS ellipsis

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

Answer 2

ul li {

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

什么时候可以使用它？

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

OPERA解决方案

text-overflow: -o-ellipsis-lastline

如何修复<li> </li>的长度

2 个答案: