2

我有一个在我的代码中重复使用的 CSS 表。每次使用表时,数据的大小和表的列数都会有所不同。表格的最大宽度(由 CSS 设置)是页面的 80%。但是,有时当表格有少量数据时(可能将表格扩展到页面的 50%),一些文本行会分成两行。我该如何抵消这一点,因此该表使用了所有可用空间。

这是目前发生的情况:

问题

我已经尝试为表格设置手动宽度,但这意味着即使表格宽度只需要很小,表格也会保持拉伸状态。

我也尝试过使用 CSSwhite-space:nowrap;但是,如果一列中有很多数据,这会导致表格扩展超过 80%。

无论如何用CSS解决这两个问题?

4

1 回答 1

6

只需使用这个 css:

td
{
white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}​

结果是这样的:http: //jsfiddle.net/ongisnade/pghny/

于 2012-10-03T03:38:55.023 回答