Question

如果我的文字中有超过一定数量的字符，那么我将如何制作它只是放...而不是全部显示？

在我的页脚中，如果我的无序列表中有超过一定数量的字符，则会使显示混乱。

代码：

  <li style="width:25%;padding-left:30px;">
    <center>
    <h4>Title Here</h4>
    <ul style="padding:0px;margin:0px;">
      <li>Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test! Just a test!</li>
    </ul>
</center>
  </li>

Answer 1

使用CSS，您可以执行以下操作：

li {
   width: 150px;
   white-space: nowrap;  
   overflow: hidden;
   text-overflow: ellipsis;
}

这不允许您指定字符数，而是宽度（以像素为单位）。

请参阅小提琴，例如：http://jsfiddle.net/3gmyX/

限制以HTML格式显示的字符

1 个答案: