DOMPDF:生成一个同等对齐的表

时间:2014-09-30 16:32:56

标签: html css dompdf

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

它几乎可以正常工作,但它右边有更多的填充,是否可以删除右侧的额外内容并在中间增加它,如果是这样的话?

enter image description here

1 个答案:

答案 0 :(得分:2)

不确定你的意思是右边更多的填充。似乎对我来说。

看起来如果你想要它完美甚至你可以证明文本的合理性。它可能看起来更像是因为所有文本都没有像在左侧一样向右延伸。

text-align: justify;

希望这就是你要找的东西。