我有 2 个包含数据的表,我想计算下表中 3 列的数量。这 3 个 td 有边框,而左边的 4 个和右边的 1 个没有边框。这样看起来不错,但我不得不在左侧的 td 大小 (4px) 中添加一些像素,这不是我真正想要的。
关于如何做到这一点有什么建议吗?
代码
HTML
<table id="Tbl_UriJou_Goukei" class="goukei">
<tr>
<td width="240"></td>
<td width="55"></td>
<td width="34"></td> **<!-- 30 + 4 px to align 商品合計 td -->**
<td align="right" width="80">商品合計:</td>
<td align="right" class="sum" width="80">...</td>
<td align="right" class="sum" width="80">...</td>
<td align="right" class="sum" width="80">...</td>
<td width="50"></td>
</tr>
</table>
CSS
table.goukei {
width: auto;
border: none;
border-collapse: collapse;
font-size: 11px;
line-height: normal;
}
table.goukei td {
padding: 5px;
}
table.goukei td.sum {
padding: 5px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC; }
最佳答案
你可以给<table>
这是 <td>
右侧你想要间距 cellspacing="4"
作为一个属性。或者你可以给它填充。
例如:
td.some-class {
padding : 0 4px 0 0;
}
或者你可以看这里
关于html - 表格 td 边框可见和不可见同一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16517933/