表td边框可见和不可见同一行

我有2个表中的数据，在表下我想计算3列的数量。这3个td有一个边界，而左边的4和右边的1没有边界。它看起来很好，但我必须添加一些像素到左边（4px）的td大小，这不是我真正想要的。表td边框可见和不可见同一行

有关如何做到这一点的任何建议？

enter image description here

代码

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; }

来源

2013-05-13 Davey Stokhof

你应该看看'colspan' HTML属性。 – Reflic 2013-05-13 08:45:30

为什么要将数据放在第二个表中有什么特别的理由？ – fynn 2013-05-13 09:04:55

您可以在其中<table>的<td>右侧您cellspacing="4"的属性要间隔给予。或者你可以给它填充。

对于Exampler：

td.some-class { 
    padding : 0 4px 0 0; 
}

或者你可以看看这里

Add space between two particular <td>s

来源

2013-05-13 09:05:16

谢谢，但我想增加一些额外的像素的TD之前，它会更容易... – 2013-05-13 09:17:21

是的，你可以给左或右填充它。 – 2013-05-13 09:19:55

表td边框可见和不可见同一行

回答

相关问题