html - DOMPDF:生成一个同样对齐的表

Question

HTML:

<table id="l2-menu-table">
    <tr>
        <td>
            <span class="dayname">Måndag</span>
            <p>Ekologisk ärtsoppa med kravmärkt fläsk från Malma Gård. Pannkakor med ekologisk vispgrädde & hemkokt jordgubbssylt</p>
        </td>
        <td>
            <span class="dayname">Tisdag</span>
            <p>Ekologisk ärtsoppa med kravmärkt fläsk från Malma Gård. Pannkakor med ekologisk vispgrädde & hemkokt jordgubbssylt</p>
        </td>
        <td>
            <span class="dayname">Onsdag</span>
            <p>Ekologisk ärtsoppa med kravmärkt fläsk från Malma Gård. Pannkakor med ekologisk vispgrädde & hemkokt jordgubbssylt</p>
        </td>
    </tr>
</table>

CSS:

#l2-menu-table {
    width: 100%;
    padding: 36.85px;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    font-family: OratorStd;
    word-wrap: break-word;

}

#l2-menu-table td {
    width: 33.33333333333333%;
}

它几乎可以正常工作，但它在右侧有更多的填充，是否可以删除右侧的多余部分并在中间增加它，如果可以的话如何？

Answer 1

不知道你所说的右侧更多填充是什么意思。甚至在我看来。

看起来如果你想要它是完美的甚至你可以证明文本。看起来可能还有更多原因导致所有文本都没有像在左侧那样一直向右延伸。

text-align: justify;

希望这就是您要找的。