2014-09-30 43 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