我有一个包含许多行的表。其中一些行是class="highlight"
,表示需要以不同的方式设置样式并突出显示的行。我想做的是在这些行之前和之后添加一些额外的间距,以便它们看起来与其他行稍微分开。
我以为我可以用margin-top:10px;margin-bottom:10px;
解决这个问题,但是它不起作用。有谁知道如何完成这件事,或者是否可以做到?这是HTML,我已经将tbody中的第二个tr设置为class highlight。
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Value1</td>
<td>Value2</td>
</tr>
<tr class="highlight">
<td>Value1</td>
<td>Value2</td>
</tr>
<tr>
<td>Value1</td>
<td>Value2</td>
</tr>
<tr>
<td>Value1</td>
<td>Value2</td>
</tr>
</tbody>
</table>
发布于 2012-05-22 02:10:43
表行不能有边距值。你能增加填充物吗?这样就行了。否则,您可以在class="highlighted"
行之前和之后插入<tr class="spacer"></tr>
。
发布于 2012-05-22 02:14:36
您不能设置突出显示s本身的样式,但可以为“<tr>
”<tr>
s内的<td>
s设置样式,如下所示
tr.highlight td {padding-top: 10px; padding-bottom:10px}
发布于 2014-02-25 05:58:55
行高可以是可能的解决方案
tr
{
line-height:30px;
}
https://stackoverflow.com/questions/10690299
复制相似问题