2014-09-18 1 views
1

나는 어떻게이 오른쪽 테두리 작게 만들 테두리 너비의 동일한 결과를 제공오른쪽 테두리 표 tcpdf를 작게 만드는 방법은 무엇입니까?

<table border="1"> 
     <tr> 
      <td width="100%" colspan="4"> 
      <table border="0"> 
       <tr> 
       <td width="18%" style="border-right:0.01px">Test 1</td> 
       <td width="12%">Test 2</td> 
       <td width="20%">Test 3</td> 
       </tr> 
       <tr> 
        <td width="18%" style="border-right:0.01px">Test 4</td> 
        <td width="12%">Test 5</td> 
        <td width="20%">Test 6</td> 
       </tr> 
      </table> 
     </td> 
     </tr> 
    </table> 

style="border-right:0.01px" 또는 style="border-right:0.1px" 또는 style="border-right:1px" 다음 코드 등이 $pdf->writeHTML($html, true, 0, false, 0);$html 값처럼 writeHTML를 사용하여 TCPDF를 만들려고? 테스트 1과 테스트 4의 내 결과 리그 경계가 가장 큰 경계가되기 때문에.

+1

1px가 가장 작 으면 반 화소 또는 1/10 픽셀로 작업 할 수 없습니다. –

+0

오른쪽 경계선 높이를 바깥 경계선과 동일하게 만드는 방법은 무엇입니까? –

+0

@HilariusDoren이 (가) 다음을 사용하려고했습니다. 'table { border-collapse : collapse; }' http://www.w3schools.com/cssref/pr_border-collapse.asp – SuperDJ

답변

4

경계 정의에서 조금 더 노골적인 것이라면 예상대로 작동합니다. TCPDF의 HTML/CSS 파서는 제한되어 있으므로 스타일 규칙 등을 가능한 한 구체적으로 작성하는 데 도움이됩니다.

중 하나 border-right-width: 0.1px 또는 border-right의 속기에 대한 CSS 속성의 나머지와 함께 작동합니다 코드는, (차이를 강조하기 위해 확대) 렌더링 된 PDF의 예를 들어 아래의 HTML 및 첨부 된 스크린 샷

<table border="1"> 
    <tr> 
     <td width="100%" colspan="4"> 
     <table border="0"> 
      <tr> 
       <!-- This should work --> 
       <td width="18%" style="border-right-width:0.1px;">Test 1</td> 
       <td width="12%">Test 2</td> 
       <td width="20%">Test 3</td> 
      </tr> 
      <tr> 
       <!-- As should this --> 
       <td width="18%" style="border-right:0.1px solid black;">Test 4</td> 
       <td width="12%">Test 5</td> 
       <td width="20%">Test 6</td> 
      </tr> 
      <tr> 
       <!-- However, this does not. --> 
       <td width="18%" style="border-right:0.1px">Test Broken</td> 
       <td width="12%">Test :)</td> 
       <td width="20%">Test :)</td> 
      </tr>     
     </table> 
     </td> 
    </tr> 
</table> 

Difference of visual border with more explicit width 참조

보시다시피, 더 얇은 테두리로 예상대로 처음 두 정의를 처리합니다.

+0

그것은 작동합니다. 감사합니다 –

+0

그리고 왜 국경을위한 백색 색깔은 회색 같이 보인다? –