CSS分词与文本溢出相结合

因此，我试图将

分词

与

文本溢出

相结合，这在某些方面确实有效，但不应该如此

例如，我设置了这个

CSS:

为了澄清，一旦文本被分成几个部分，它应该填充方框，并且在文本的末尾应该有3个点。

---

目前只有一行代码可以使用。

据我所知，使用CSS是不可能的

您唯一能做的就是指定

高度

，以及

溢出：隐藏

。（最后没有省略号。）

这一点在报告中有所说明

省略号
在每个框边界插入省略号字符串，其中 出现文本溢出。这些省略号字符串的值为 由“文本溢出省略号”属性确定。插入物 在图形的最后一个完整图示符表示的边界处进行 文本行
...
换句话说，文本溢出模式只影响块元素的文本内容 它们参与自己的内联流

您需要使用JavaScript来实现这一点

下面是jQuery插件的一个示例：

FWIW:www中有一个-style@w3.org对于多行文本使用文本溢出的邮件列表。

width: 200px;
padding: 8px;
border:1px solid blue;
word-break: break-word;
height: 100px;
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;