Question

我有一张这样的表：

<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
</tr>

但是在Peter Griffin和Lois Griffin之间，我想要像他们一样分开他们：

_____________________
[Firstname][Lastname]
---------------------
[   Peter ][Griffin]
--------------------- <---add a line here
[   Lois  ][Griffin]
---------------------

Answer 1

应该使用CSS，这样的事情应该有效：

td { border-bottom: solid 1px #CCCCCC; }

如果要稍微分隔线条中的单词，请添加填充：

td { padding-top:5px; padding-bottom:5px; }

Answer 2

使用css

table tr th, table tr td
{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666;
}

Answer 3

tr{ border-bottom: solid 1px #999; float: left; width: 100% }

然后是cols（假设你有3个cols）

td{width: 30%; float: left; text-indent: 10px; border-right: solid 1px #999; overflow: hidden; padding: 1%;}

过度流动的原因是隐藏比字段长的文本

如何在表格中添加一行？

3 个答案: