Hpwで3つのテーブルを1つの行に配置するMPDF

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

このようなものはありますか？

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

<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>

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%; 
}