Hpw在MPDF中将3个表放在一行中

Question

是否有人知道如何在mpdf生成的页面中连续显示3个表。代码示例：

<htmlpagefooter name="custom-footer">
    <table width="250"><tr><td>First table</td></tr></table>
    <table width="250"><tr><td>Second table</td></tr></table>
    <table width="250"><tr><td>Third page</td></tr></table>
</htmlpagefooter>

Answer 1

有点像这样吗？

＆＃13;

＆＃13;

.flex {
  display: flex;
  justify-content: space-between;
}

＆＃13;

<htmlpagefooter name="custom-footer" class="flex">
    <table width="250"><tr><td>First table</td></tr></table>
    <table width="250"><tr><td>Second table</td></tr></table>
    <table width="250"><tr><td>Third page</td></tr></table>
</htmlpagefooter>

＆＃13;

＆＃13;

＆＃13;

Answer 2

尝试这样。

<htmlpagefooter name="custom-footer" class="footer-table">
  <table><tr><td>First table</td></tr></table>
  <table><tr><td>Second table</td></tr></table>
  <table><tr><td>Third page</td></tr></table>
</htmlpagefooter>

.footer-table table{
   float: left;
   width: 33.33333333%;
 }