固定大小的div，其中包含文本

Question

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

Code Pen Example

我希望div中的文本在达到宽度限制时换行，如果超出高度限制则以text-overflow: ellipsis结尾。但我无论如何也想不出来。

我是不是遗漏了什么明显的东西，或者我用错误的方式来处理它？

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

Answer 1

将css属性空白: pre-wrap；添加到文本中，然后您可以在代码中以您希望它在网页上显示的方式编写文本。空白属性将阻止文本移出div。您还可以增加div的大小以适应文本。