【问题标题】:How to make IE TD fill entire table width?如何让 IE TD 填满整个表格宽度?
【发布时间】:2016-10-23 18:15:08
【问题描述】:

我创建了一个 HTML 表格,并将宽度设置为 900 像素。 然后我创建 4 列,并在每个单元格中放置一些文本。

当这出现在 Firefox 中时,四列填满了整个表格宽度,但在 I8 中,每一列占用它所需的空间量,仅此而已。

如何让IE中的四列占用表格的整个宽度?

在 IE 中:

-------------------------------------------
| Col1 | Col2 | Col 3 | Col 4|            
-------------------------------------------

在 Firefox 中:

-------------------------------------------
|  Col1   |  Col2   |  Col 3  |   Col 4   |            
-------------------------------------------

编辑:真正的问题是我在表格顶部有一个 TD,它设置为 colspan=99。当设置为 colspan=4 时,IE 使用整个宽度。

【问题讨论】:

  • 哪个版本的IE? - 我无法在 IE8(例如jsbin.com/awanu3)或 IE7 模式下的 IE8 中重现此内容

标签: html internet-explorer html-table


【解决方案1】:

如果您的表格总是有 4 列,您可以使用一些 CSS 显式设置宽度:

table td { width: 25%; }

【讨论】:

    【解决方案2】:

    设置每列的宽度 = 225

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-04-14
      • 1970-01-01
      • 2012-12-10
      • 2013-01-29
      • 1970-01-01
      • 1970-01-01
      • 2021-06-14
      相关资源
      最近更新 更多