Opera 浏览器中的 Colspan 无法正常工作答案

【问题标题】：Colspans in Opera Browsers not working rightOpera 浏览器中的 Colspan 无法正常工作
【发布时间】：2010-09-28 01:07:09
【问题描述】：

我无法理解这里的问题，但这在除 Opera 之外的所有浏览器中看起来都很好。

HTML代码如下：

<table width="395" height="214" border="1">
  <tr>
    <td colspan="2">Here is some content in here that has 2 colspans</td>
    <td width="137">This only has 1 colspan.</td>
  </tr>
  <tr>
    <td width="113">This has only 1 colspan also.</td>
    <td colspan="2">This cell has 2 colspans now and should look presentable hopefully.</td>
  </tr>
  <tr>
    <td colspan="3">This cell has 3 colspans within this table and should fill up the entire width of the table.</td>
  </tr>
</table>

现在 Opera 中的输出如下所示：

但是我如何让它看起来像这样（就像所有其他浏览器一样）：

问题其实比这深得多，但这是主要的基本整体问题。

【问题讨论】：

为其他单元格明确指定colspan = "1" 是否有帮助？
不，这没什么区别，不过还是谢谢。

标签： html html-table opera

【解决方案1】：

我会尝试为 every td 提供具有明确宽度的明确 css 类。

<td class="foo">

.foo { width:200px; }.

确保数学加起来正确。

【讨论】：

【解决方案2】：

Opera 9、10、11 和 12 中存在此错误。

Opera 将列数计算为一行中<td> 或<th> 标签的最大数量。这意味着您总是需要一行所有 tds 没有 colspan 属性或 colspan 属性设置为 1。添加 table-layout: fixed 到表格样式似乎也有帮助。

自 2013 年 Opera 从 Presto 切换到 Blink 渲染引擎后，此错误已得到修复。

http://www.crydust.be/test/opera_table_colspan_bug/

【讨论】：

【解决方案3】：

似乎是一个错误：-/ 我找到了您的错误报告，谢谢。我想您需要一个技巧，在其中添加一行具有预期的单元格总数并将其样式设置为不可见.. :-(

【讨论】：

如果你问我，在表格的开头添加一个元素似乎有点草率，该元素包含所有元素，并且具有适当的宽度。 Opera 需要支持这一点。我知道 Opera 并不像其他一些浏览器那么古老，但如果你问我，它们需要与该程序一起使用！！