表格式

Question

我只需要显示我的普通html表，其中只显示行数并隐藏其中的列，以便另一个人看到它，将其视为具有一列的表，但实际上它有多列。 ..我不能使用colspan，因为我需要列本身......

请帮忙 谢谢..

Answer 1

在<table border="0" class="thisTable">上关闭边框，然后像示例一样给它一个类。然后将以下行添加到CSS：

table.thisTable {
 border-bottom:1px #000 solid;
 // edit:
 border-spacing:none; // you need this to take away spacing you still see
 border-collapse:collapse; // you need this to take away spacing you still see
}

table.thisTable td {
 border-top:1px #000 solid;
}

这将为每个td在顶部添加一个边框，并以底部边框结束桌面。

希望这有帮助。

//编辑：

在每个<td>的第一个和最后一个<tr>中添加一个类，并在CSS中定义以下内容：

table.thisTable td.first {
 border-left:1px #000 solid;
}

table.thisTable td.last {
 border-right:1px #000 solid;
}

这将沿着桌子的边缘很好地围绕边框。

Answer 2

使用CSS设置表格样式：

td {
   border-bottom: 1px;
   border-top: 1px; /* optional, you will have to play with the formatting */
   border-left: none;
   border-right: none;
}

这将为每个数据单元提供一个顶部和底部边框，这应该按照您的需要进行操作。播放一下格式，确保你做对了。