数据表自动换行一列到两行

Question

我有一个数据表，其中第 9 列有很长的字符串数据，现在它全部显示在一行中：

我试图为这一行提供更好的样式，我想到的一种解决方案是将行换行到两行文本而不是一长行文本。 stackoverflow 上还有其他问题涉及这个主题，但我尝试过的答案都没有奏效，例如这个答案：Wrap a text within only two lines inside div，它建议使用我在下面使用的 css 样式，但没有做出改变：

td:nth-child(9){
    white-space: nowrap;
    line-height: 1.5em;
    height: 3em;       /* height is 2x line-height, so two lines will display */
    overflow: hidden;  /* prevents extra lines from being visible */
}

https://jsfiddle.net/martinradio/a9bjtLkr/

Answer 1

试试这个。

td:nth-child(9){   
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
 }