表格单元格 valign 属性是否被视为内联 CSS 样式？答案

【问题标题】：Is a table cell valign property considered as an inline CSS style?表格单元格 valign 属性是否被视为内联 CSS 样式？
【发布时间】：2011-06-21 22:55:01
【问题描述】：

我刚刚在 Chrome 和 Firefox 下的表格单元格中遇到了一个奇怪的错误/功能。

似乎带有 valign=middle 的 TD 标记被垂直对齐 css 属性覆盖。

查看这个 jsfiddle 示例：http://jsfiddle.net/8CDFq/1/

第一个单元格在 HTML 部分中有 valign=middle。所有单元格都具有vertical-align:bottom 属性。

在 Chrome 的调试栏中显示如下：

查看红色区域。它在撒谎！ :D

我的假设是 valign vas 被视为内联样式 == 错误？

【问题讨论】：

很奇怪，开发人员工具会这样错误地显示它，但是如果您查看计算的样式，它确实显示了正确的值。

标签： html css

【解决方案1】：

使用valign 与使用带有style 属性的内联样式不同。它是一个已弃用的 HTML 属性，其用途现在委托给 vertical-align CSS 属性。

【讨论】：

【解决方案2】：

似乎带有 valign=middle 的 TD 标签被垂直对齐 css 属性覆盖。

是的。根据section 6.4.4 of the specification，CSS 胜过过时的 HTML 属性

【讨论】：