2015-02-04 5 views
1

Если вы отметите этот код:XMLWorker: ячейки вертикального выравнивания не работает

<table> 
    <tr> 
     <td border="1"> 
      <table> 
       <tr><td>Blah</td></tr> 
       <tr><td>Blah</td></tr> 
       <tr><td>Blah</td></tr> 
      </table> 
     </td> 
     <td border="1"> 
      <table> 
       <tr><td>Blah</td></tr> 
       <tr><td>Blah</td></tr> 
      </table> 
     </td> 
    </tr> 
</table> 

В здесь:
http://demo.itextsupport.com/xmlworker/

Вы увидите это: vertical aligned to top

Но если нажать на «преобразовать», чтобы XMLWorker создавал PDF, это результат:

Not in top when converted to PDF

Итак ... вертикальное выравнивание нарушено? как перенести эту вторую таблицу в верхнюю часть ячейки родителя?

ответ

1

Вы забыли определить вертикальное выравнивание правой ячейки.

Я адаптировал свой HTML (table4_css.html):

<table> 
    <tr> 
     <td> 
      <table border="1"> 
       <tr><td>Blah</td></tr> 
       <tr><td>Blah</td></tr> 
       <tr><td>Blah</td></tr> 
      </table> 
     </td> 
     <td valign="top"> 
      <table border="1"> 
       <tr><td>Blah</td></tr> 
       <tr><td>Blah</td></tr> 
      </table> 
     </td> 
    </tr> 
</table> 

Вы можете найти исходный код для преобразования этого HTML в PDF here. Посмотрите на результирующей PDF: html_table_7.pdf

enter image description here

Как вы можете видеть, представляя атрибут valign переместил правую часть вверх.

+0

Я использую 'style =" vertical-align: top "' был правильный путь, но спасибо! – sports

+0

хотя, если я хочу сделать несколько td для вертикального выравнивания, и это путь, я не могу повторно использовать класс css – sports

+0

Знаете ли вы, есть ли планы по принятию стиля 'vertical-align: top'? потому что, как я уже сказал, если я хочу сделать все свои «» вертикальным выравниванием, я должен поставить 'valign =" top "' в каждом td ..., который является anti DRY – sports

Смежные вопросы