2014-09-30 38 views
1

HTML:DOMPDF:生成同样对准表

<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

回答

2

不知道你的右边更填充的意思。甚至对我来说。

看起来像是如果你想让它完美,即使你能证明文字是正确的。它可能只是看起来有更多的原因,所有的文本都不像左边那样一直延伸到右边。

text-align: justify; 

希望这就是你要找的。

+0

我同意,文字出现均匀分布。除了证明你可以临时添加边界来看看。此外,要增加单元格之间的间距,请参阅以下文章:http://stackoverflow.com/a/3209434/264628。 – BrianS 2014-10-21 01:47:23