테이블 td 테두리가 보이고 보이지 않는 같은 행

Question

데이터가있는 테이블이 2 개 있습니다. 3 열의 양을 계산하고 싶습니다. 왼쪽에 4 개, 오른쪽에 1 개가 테두리가없는 반면이 3 개는 테두리가 있습니다. 이처럼 멋지게 보이지만 왼쪽에있는 픽셀의 크기에 픽셀을 추가해야만했습니다. (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; } 

Answer 1

당신은 <td> 오른쪽 당신이 속성으로 cellspacing="4"으로 간격을 원하는이다 <table>에 제공 할 수 있습니다. 또는 패딩을 줄 수 있습니다.

Exampler를 들어

:

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

또는 당신은 당신은`colspan` HTML 속성을 살펴한다 여기

Add space between two particular <td>s