html - 如果长度超过表格单元格宽度，则将文本截断到最后一个单词

Question

我有固定宽度 td。里面的文字不应该换行到第二行。如果文本长于单元格的宽度，则应将其截断至最后一个单词。如果它没有空格并且不能中断到最后一个单词，它应该以单元格的最大宽度中断。

对于这个例子https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-wrap ，我希望单元格只有这个词，"本段包含一个".

我觉得它是分词和空格的某种组合:不换行，但我无法让它工作。

Answer 1

可以设置高度吗？如果你这样做并 overflow hidden ，它应该只显示你想要的。

p.test {
    width: 11em; 
    border: 1px solid #000000;
    word-wrap: break-word;
    overflow: hidden;
    height: 1em;
}

<p class="test"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>