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

Question

如何将单元格中的文本从显示为 abcdefghijklmnopqrstuvwxyz 更改为:
美国广播公司
定义
喜
...?
我可以隐藏一些文本 (abcdef...) 或使其显示为非常丑陋的长单元格。我想在 HTML 或 CSS 中这样做。我已经尝试过使用行高、高度、显示...
示例代码:http://jsfiddle.net/9jwMZ/1/ (我指的是消息栏)。
例如，为什么这段代码不起作用？:

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

Answer 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 上的固定高度