html - 限制在 HTML 中显示的字符

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/