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

时间:2013-06-03 22:10:02

标签: html css format tablelayout

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

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

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分: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

上的固定高度