因此，我尝试将word-break与text-overflow结合起来，而width: 200px;
padding: 8px;
border:1px solid blue;
word-break: break-word;
height: 100px;
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
在某些方面确实有效但不应该如何。
例如，我已设置此Fiddle
CSS：
{{1}}
为了澄清，一旦文本被分解为部分，它应该填充框，在文本的末尾应该有3个点。 目前只有一条线可以使用。
答案 0 :(得分：3)
据我所知，使用CSS是不可能的。
您唯一能做的就是指定height和overflow:hidden。 （最后没有省略号。）
这在W3 spec for text-overflow中说明。
<强>省略号
在每个框边界处插入一个省略号字符串 文本溢出发生。这些省略号字符串的值是 由'text-overflow-ellipsis'属性决定。插入 发生在a的最后一个完整字形表示的边界处 文字行 ...... 换句话说，文本溢出模式仅影响块元素的文本内容 参与其自己的内联流程。
您需要使用JavaScript来实现这一目标。
以下是jQuery插件的示例：http://pvdspek.github.com/jquery.autoellipsis/