Opera忽略的嵌套表的CSS填充答案

【问题标题】：CSS Padding of a nested table ignored by OperaOpera忽略的嵌套表的CSS填充
【发布时间】：2017-05-19 01:52:38
【问题描述】：

我正在使用一个嵌套在一个表中的表，该表恰好具有border-collapse:collapse; 属性。问题在于嵌套表的padding 属性，Opera 似乎忽略了它。

为了将其简化为尽可能简单，请使用以下 HTML 代码...：

<table style="border-collapse:collapse;">
    <tr>
        <td>
            <table style="padding:3em;">
                <tr><td>ABCDE</td></tr>
            </table>
        </td>
    </tr>
</table>

...padding 属性被 Opera 忽略，而 Firefox、Chrome 和 Safari 在渲染中会考虑它。

我的问题是：哪一个是正确的？我应该这样保留它并忽略 Opera 用户，还是搜索另一种方式来设置我的填充，因为 Opera 在语法上是正确的？

【问题讨论】：

标签： html css html-table padding opera

【解决方案1】：

在您的情况下，我只需将填充放在包含<TD> 中。如果你想把它放在桌面上而忽略 Opera 用户，你并没有疏远大部分网络用户，尽管有些人无疑会被激怒。

【讨论】：

感谢您的回答。问题是，我无法更改包含的代码：我正在尝试对嵌套表进行编码，以便在包含“border-collapse:collapse;”的表中时正确显示它。财产。我知道 Opera 用户并不多，但是这种仅 Opera 的不正确显示让我很困扰，因为我认为 Opera 是最符合标准的浏览器：因此我想知道它是否不是编码错误而不是 Opera 的不正确显示...我的问题仍然存在：哪个浏览器是正确的？这段代码应该显示什么？
就我个人而言，我从未在表格元素上添加填充。您可以尝试用边距代替填充。关键是，CSS 规范可以解释，不同的浏览器做不同的事情。不是 Opera 错了。其他的只是不同。
如果我理解正确的话，这个 HTML 代码没有定义的“正确”渲染，Opera 可能有理由相信“border-collapse:collapse;”属性应该使嵌套表的填充无效（以及它可能是一个错误）。因此，如果我想确保通过不同的浏览器呈现相同的内容，我应该使用不同且不那么含糊的 CSS 描述。好吧，如果我没看错，谢谢你的解释！
注意：我将此答案验证为已接受的答案，但回答我的问题的是 Robusto 的评论（回复我的），而不是他最初的答案。