禁用表格HTML中的自动调整大小宽度

时间:2013-10-02 09:49:11

标签: .net resize html-table

我想在<td>中禁用<Table>宽度的自动调整大小 有些单元格有非常大的数据,我不希望它们扩展,因此在页面底部进行水平滚动。 我尝试单独设置每个<th><td>的宽度,但它不起作用。

有什么理由?

PS:该表位于ASP Repeater中

2 个答案:

答案 0 :(得分:5)

不是为每个元素设置宽度,而是使用max-width 100%。要在现代浏览器中进行自动换行,请使用空格。此外,设置max-width似乎有助于让事情顺利进行。

希望以下内容有所帮助。

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+ */
}

答案 1 :(得分:0)

使用固定的CSS表格布局。 enter link description here