Вертикальное выравнивание текста в ячейке таблицы - PullRequest
19 голосов
/ 29 июля 2011

Я хотел бы выровнять текст снизу во второй ячейке. Первая ячейка простирается на 2 строки из-за недостаточной ширины, и это нормально Но текст во второй ячейке занимает всего одну строку и отображается вверху ячейки. Как я могу выровнять его по низу?

Я попытался vertical-align = "bottom" text-align = "bottom" text-align = "end" в уровни строк, ячеек и блоков .. Любой из них работал?!?

<fo:table font="normal 10 pt Arial, sans-serif" width="100%">
<fo:table-column column-width="40mm"/>
<fo:table-column column-width="130mm"/>
<fo:table-body>
<fo:table-row>
  <fo:table-cell padding-before="3pt" padding-after="3pt">
     <fo:block font-weight="bold">Pricing Rate in % p.a. / "Pensionssatz in % p.a.":</fo:block>
  </fo:table-cell>
  <fo:table-cell padding-before="3pt" padding-after="3pt">
    <fo:block> 
     **This text I want to be aligned to bottom (in the second line)** 
     </fo:block> 
  </fo:table-cell>
</fo:table-row>
</fo:table-body>
</fo:table>

Ответы [ 2 ]

36 голосов
/ 29 июля 2011

Используйте display-align="after" в ячейке таблицы:

<fo:table-cell padding-before="3pt" padding-after="3pt" display-align="after">
 <fo:block>
  **This text I want to be aligned to bottom (in the second line)**
 </fo:block> 
</fo:table-cell>
0 голосов
/ 06 сентября 2017

На всякий случай, если кто-то обнаружит эту проблему:

Если у вас есть изображение и текст выше, вы не хотите выравнивать после, но до:

<fo:table-cell display-align="before">
<!-- Your image & text separated in blocks -->
<fo:table-cell>
...