如何使右边界表tcpdf更小？

Question

我尝试使用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上的结果边界最大然后在边界外。

Answer 1

如果你在边界定义中更明确一点，那么它将按预期工作。 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>

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

Answer 2

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

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