javascript - 如何在此 html 标记中通过 css 显示省略号

Question

对于控制 CSS 的人来说，我有一个非常小的问题。我有以下标记:

<li>
 <div>
  <span>Some text</span>
  <span>Some large amount of text</span>
 </div>
<li>

CSS 是:

li
{
  width: 150px;
  height: 100px;
}

现在我想在包含大量文本的第二个范围内显示省略号。我怎样才能做到这一点 ？

有人可以帮帮我吗？

Answer 1

不确定为什么要向我们展示如何设置 li 的样式，但是......

<style>
li > span:nth-child(2):before {
    content: '\2026\0020';
}
</style>
<li>
    <span>Some text</span>
    <span>Some large amount of text</span>
</li>

在Unicode中，U+2026是水平省略号，U+0020是空格。

演示:http://jsfiddle.net/5xWhx/