禁用HTML表格自动调整宽度

Question

我希望禁用在我<Table>中的<td>的宽度自动调整大小。 有些单元格具有非常大的数据，我不希望它们扩展，因此在页面底部产生水平滚动。 我尝试单独设置每个<th>和<td>的宽度，但没有成功。

有什么原因吗？

PS：表在ASP重复器中。

- HelpASisterOut

Answer 1

不要为每个元素设置宽度，而是使用最大宽度100%。要在现代浏览器中实现单词换行，请使用 white-space。此外，设置最大宽度似乎有助于使事情正常运行。

希望以下内容能够帮到您。

td {
  border: 1px solid black;
  width: 100px;
  max-width: 100px;
  white-space: pre-wrap;        /* css */
  white-space: -moz-pre-wrap;   /* Mozilla */
  white-space: -pre-wrap;       /* Chrome*/
  white-space: -o-pre-wrap;     /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

- Jocelyn

Answer 2

使用CSS表格布局fixed。 在此输入链接描述

- Chalky