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;