如何使右边界表tcpdf更小?

时间:2014-09-18 06:58:09

标签: php css tcpdf

我尝试使用writeHTML创建tcpdf,如$pdf->writeHTML($html, true, 0, false, 0); $html值,如下面的代码

<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"提供相同的边框宽度结果,如何使此右边框变小?因为我在测试1和测试4上的结果边界最大然后在边界外。

2 个答案:

答案 0 :(得分:5)

如果你在边界定义中更明确一点,那么它将按预期工作。 TCPDF的HTML / CSS解析器相当有限,因此它有助于尽可能具体化您的样式规则等。

您的代码应与border-right-width: 0.1px或其他CSS属性一起使用border-right的简写,请参阅下面的示例HTML以及随附的PDF屏幕截图(缩放以突出显示差异)< / p>

<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

正如您所看到的,它使用较薄的边框处理前两个定义。

答案 1 :(得分:1)

我使用 style="border-right-color:white" 隐藏右边框

<td style="border-right-color:white; border-bottom-color:black; border-top-color:black"></td>