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