3

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

<!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 中宽度不受限制。

4

2 回答 2

3

您需要在 HTML 中的 td 之后添加一个 div，如下所示。里面的任何东西都div不会伸展table细胞。

演示

<!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 中运行良好。

于 2013-01-28T14:46:08.193 回答
-1

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

于 2013-01-28T14:22:56.213 回答