在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;