html - 修复列表项的宽度并 overflow hidden 的文本

Question

我有一个列表，其中只有一个元素，我想将列表元素的宽度固定为 200 像素，如果文本链接超出 200 像素的宽度，则用“...”截断它。

我有什么想法可以着手做这件事吗？

<ul>
  <li>
    <a href="account.asp">Super long string</a>
  </li>
</ul>

Answer 1

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