html - css,html: html 元素的允许属性，很好的参考网站

Question

像 tr 这样的一些元素似乎并不支持所有基本的 css 属性。例如，据我所知，执行以下操作：

 <tr style="padding-top: 250px;">

没有效果。你能给我一个很好的链接来解释按元素类型允许的属性吗？如果您对上述限制有意见，也请分享。

Answer 1

您可以在Mozilla 开发者网络 ( MDN )中搜索它。

例如，来自https://developer.mozilla.org/en-US/docs/Web/CSS/padding

适用于：table-row-group除、table-header-group、table-footer-group、table-row和之外table-column-group的所有元素table-column

<tr>是（默认情况下） a table-row，所以padding什么也不做。

 

请注意，不可能列出每种元素类型的允许属性，因为允许的属性不仅仅取决于元素类型。

例如，<div>带有display:table-row忽略padding属性 ( Demo )。

Answer 2

您应该将 放在padding-topor<td></td>元素<th>上，而不是<tr>.

块元素（如<div>支持填充和边距），而内联元素（如<span>不支持）。

<tr>表现得像一个内联元素（尽管它在技术上不是），并且一旦您将代码替换为

<tr style="padding-top: 250px; display: block;">

或者如果你使用

tr { display: block; }