0

如何将文本从单元格中的 abcdefghijklmnopqrstuvwxyz 显示更改为：
abc
def
ghi
...？
我可以隐藏一些文本（abcdef ...），也可以让它看起来像一个非常难看的长单元格。我想在 HTML 或 CSS 中这样做。我已经尝试过使用 line-height、height、display、...
示例代码：http: //jsfiddle.net/9jwMZ/1/（我指的是 Message 列）。
例如，为什么这段代码不起作用？： 

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

2 回答 2

1

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

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

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

于 2013-06-03T22:26:47.183 回答
1

看看这个：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 上的固定高度

于 2013-06-03T22:26:54.970 回答