html - 一个固定大小的 div，文本保留在其中

Question

我正在开发一个小部件，但 CSS 真的不是我的强项。

Code Pen Example

我希望我的 div 中的文本在达到宽度限制时换行，并在超出高度限制时以 text-overflow: ellipsis 结尾。但我一辈子都弄不明白。

我是否遗漏了一些明显的东西，或者我是否以错误的方式接近它？

编辑:显然 overflow: ellipsis 仅适用于单行文本，目前还没有完美的跨浏览器解决方案。

Answer 1

添加 css 属性 white-space: pre-wrap;到您的文本，然后您可以按照您希望在网页上显示的方式在代码中编写文本。空白属性将防止文本超出 div。您还可以增加 div 的大小以适合文本。