Codeigniter/CSS PDF 打印输出对齐 PDF 位置

Question

问题：目前我在对齐我创建的 PDF 时遇到问题，因为它与我知道的普通 CSS 不同。

问题：

我需要解决的问题：使它对齐，对于我提供的图像，我想要“旧”下方的“No.SAG”

这是代码：

    <table class="unstyledTable">

      <thead>

        <tr>

          <th>Name:</th>

          <th>Test Data</th>

          <th></th>

          <th>Number card IC</th>

          <th></th>

          <th></th>

        </tr>

      </thead>

      <tfoot>

        <tr>

          <td>Name Agent::</td>

          <td>TomHansom </td>

          <td></td>

          <td>New:</td>

          <td>foot5</td>

          <td></td>

        </tr>

      </tfoot>

      <tbody>

        <tr>

          <td>Address:</td>

          <td>werwrwrwwwwwwwwwwwwww wwwwwwwwwwwwwwwwwwww</td>

          <td></td>

          <td>Old:</td>

          <td>cell5_1</td>

          <td></td>

        </tr>

        <tr>

          <td></td>

          <td></td>

          <td></td>

          <td>No.SAG:</td>

          <td>cell5_2</td>

          <td></td>

        </tr>

        <tr>

          <td></td>

          <td></td>

          <td></td>

          <td>Number.Siri:</td>

          <td>cell5_3</td>

          <td></td>

        </tr>

        <tr>

          <td></td>

          <td></td>

          <td></td>

          <td></td>

          <td></td>

          <td></td>

        </tr>

      </tbody>

    </table>

Answer 1

将两者作为表放在父表中可能更容易。在下面查看我的代码，看看这是否是您所追求的。<table class="unstyledTable">&nbsp; <tbody>&nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; <td valign="top"><table>&nbsp; &nbsp; &nbsp; &nbsp; <tbody>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr class="unstyledTable">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <th>Name:</th>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <th>Test Data</th>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr class="unstyledTable">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>Address:</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>werwrwrwwwwwwwwwwwwww wwwwwwwwwwwwwwwwwwww</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr class="unstyledTable">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr class="unstyledTable">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr class="unstyledTable">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr class="unstyledTable">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>Name Agent::</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>TomHansom </td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tbody>&nbsp; &nbsp; &nbsp; </table></td>&nbsp; &nbsp; &nbsp; &nbsp; <td valign="top"><table>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tbody>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr class="unstyledTable">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <th>Number card IC</th>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <th></th>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr class="unstyledTable">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>Old:</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>cell5_1</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr class="unstyledTable">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>No.SAG:</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>cell5_2</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr class="unstyledTable">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>Number.Siri:</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>cell5_3</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr class="unstyledTable">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr class="unstyledTable">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>New:</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>foot5</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tbody>&nbsp; &nbsp; &nbsp; &nbsp; </table></td>&nbsp; &nbsp; </tr>&nbsp; </tbody></table>