像tr这样的元素似乎不支持所有基本的css属性。例如,据我所知,做一些事情:
<tr style="padding-top: 250px;">
无效。您能否为我的网站提供一个很好的链接,以便按元素类型解释允许的属性?如果您对上述限制发表评论,请分享。
答案 0 :(得分:8)
您可以在Mozilla Developer Network (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
和{{1}以外的所有元素}
table-column
(默认情况下)为<tr>
,因此table-row
不执行任何操作。
请注意,不可能列出每种元素类型的允许属性,因为允许的属性不仅仅取决于元素类型。
例如,padding
<div>
会忽略display:table-row
属性(Demo)。
答案 1 :(得分:1)
您应该将padding-top
放在<td></td>
或<th>
元素上,而不是<tr>
。
<div>
等块元素支持填充和边距,而<span>
等内联元素则不支持。{/ p>
<tr>
的行为类似于内联元素(虽然技术上并非如此),一旦用
<tr style="padding-top: 250px; display: block;">
或者如果您使用
tr { display: block; }