表格中最后两行之间的空格
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了表格中最后两行之间的空格相关的知识，希望对你有一定的参考价值。
我需要在下表中的最后一个tr之间提供一个空格，以便感觉像另一个块。行在循环中生成。有什么想法吗？
<table>
<tr>
<td>0</td>
<td>text1</td>
</tr>
<tr>
<td>1</td>
<td>text2</td>
</tr>
<tr class="last" style="border-top: 5px solid blue;">
<td>3</td>
<td>text3</td>
</tr>
</table>
答案
我认为唯一的方法是在下面的<tr>之前提供一个空的<tr> ...
<table>
<tr>
<td>0</td>
<td>text1</td>
</tr>
<tr>
<td>1</td>
<td>text2</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr class="last" style="border-top: 5px solid blue;">
<td>3</td>
<td>text3</td>
</tr>
</table>另一答案
你可以使用CSS
Table:last-child {
padding-top: 8px; /* fill in your value */
}
另一答案
是的你可以添加填充/边距只需尝试两个并检查
<table>
<tr>
<td>0</td>
<td>text1</td>
</tr>
<tr>
<td>1</td>
<td>text2</td>
</tr>
<tr class="last" style="border-top: 5px solid blue;">
<td>3</td>
<td>text3</td>
</tr>
</table>
并在css文件中
.last {
padding-top: 5px;
}
或者你可以给予保证金
.last {
margin-top: 5px;
}
您可以选择上述任何一种方法，既可以添加填充，也可以添加边距:)试试这个
另一答案
您可以使用css伪元素。
<style>
.table-class tr:last-child {
padding:10px; // your value.
}
</style>
以上是关于表格中最后两行之间的空格的主要内容，如果未能解决你的问题，请参考以下文章