css - 将 限制在一行并在必要时省略？

Question

我有这个:

<ul>
  <li>
    <p>Some long text here</p>
  </li>
</ul>

有没有办法将 p 文本限制在一行中，如果它比父容器宽，则将其设置为椭圆？

谢谢

Answer 1

您可以 restrict the text to one line使用 CSS。

<p style="white-space: nowrap;"></p>

编辑: According to quirksmode显然有一个 text-overflow: ellipsis。我从来没有用过这个，对它一无所知，但你应该调查一下。