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

Question

我正在研究一个小小部件，但CSS真的不是我的力量。

Code Pen Example

我希望我的div中的文本在达到宽度限制时进行换行，如果超出高度限制则以text-overflow: ellipsis结束。但我不能为我的生活弄明白。

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

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

Answer 1

添加css属性white-space：pre-wrap;在您的文本中，然后您可以按照希望在网页上显示的方式在代码中编写文本。 whitespace属性将阻止文本进入div之外。您还可以增加div的大小以适合文本。