Question

我想限制表格中列的宽度。

<!DOCTYPE html>
<style type="text/css">
table tr td {border:1px solid; max-width:2em; overflow:hidden; white-space:nowrap;}
</style>
<table>
    <tr><td>this is looooooooo ooooooooo ooooooooooooo ooooooooo ng text</td></tr>
</table>

下一个代码在Firefox中运行良好（单元格的宽度有限），但在IE9中宽度不受限制。

Answer 1

您需要在td之后添加一个div，如HTML中的以下内容。 div中的任何内容都不会延伸table单元格。

Demo

<!DOCTYPE html>
    <table>
      <tr>
        <td>
          <div>
            this is looooooooo ooooooooo ooooooooooooo ooooooooo ng text
          </div>
        </td>
      </tr>
    </table>

的CSS：

table tr td {
    border:1px solid;
    max-width:2em;
    overflow:hidden;
    white-space:nowrap;
}

div {
  width: 2em;
}

在IE8，Chrome和Firefox中运行良好。

Answer 2

尝试使用IE表达式width: expression(document.body.clientWidth > 901 ? "900px" : "auto");

html - IE9中的td max-width

2 个答案:

的CSS：