html - 如何适应对于页面显示来说太大的表格行？

Question

我有一张 table :

    table.tablesorter {
    border: 1px solid #D9D9D9;


}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #04659D;
    border-bottom: 1px solid #0F5E76;
    border-left: 1px solid #0F5E76;
    font-weight: bold;
    text-align:left;
    padding: 5px 19px 5px 9px;
    color: #fff;
}

表格中的一些文本太大，正在从页面中剪切，我尝试使用 word-wrap:break-word; 并设置宽度，但文本仍然无效溢出？

关于如何解决这个问题的任何提示？

Answer 1

给你的 table 元素一个 fixed table-layout :

table.tablesorter {
    ...
    table-layout: fixed;
}

来自 CSS2.1 规范(上面链接):

17.5.2.1 Fixed table layout

With this (fast) algorithm, the horizontal layout of the table does not depend on the contents of the cells; it only depends on the table's width, the width of the columns, and borders or cell spacing.