css - 在 CSS 中以“...”结束行

Question

我想知道我可以用来使被打断的句子（按宽度）以...结尾的属性，例如：

div { width: 100px;
unknown-property: ...;

}

<div>That is my sentence under 100px </div>

如果句子超过 100px，就会发生这种情况：

That is my sentence with more...

我希望我能解释一下。

Answer 1

干得好：

text-overflow: ellipsis;

您可能需要：

white-space: nowrap;
overflow: hidden;