Question

如何将文本从单元格中的abcdefghijklmnopqrstuvwxyz显示更改为：
ABC
高清
GHI
...？
我可以隐藏一些文本（abcdef ...）或使它看起来像一个非常丑陋的长细胞。我想在HTML或CSS中这样做。我已经尝试过使用线高，高度，显示，...
示例代码：http://jsfiddle.net/9jwMZ/1/（我指的是Message列）例如，为什么这段代码不起作用？：

table.DataTable tr {
    line-heigth: 100px;
}

Answer 1

要强制表格单元格内容换行，请将table-layout: fixed应用于表格，将word-wrap: break-word应用于td。

此外，如果您希望单元格具有固定的垂直高度并在其溢出时滚动，请将您的td内容包含在包含overflow: auto和max-height: 100px的div中。

这是小提琴：http://jsfiddle.net/9jwMZ/6/

Answer 2

看看这个：http://jsfiddle.net/leemeador/9jwMZ/7/

我从这里得到了CSS：How to wrap text using CSS?

white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;

我还删除了TD上的固定宽度和TR

上的固定高度

如何更改单元格中长文本的格式？

2 个答案: