Vertical alignment of text in a table cell

南笙酒味 提交于 2019-12-18 18:47:11

问题


I would like to align the text to bottom in the second cell. The first cell extends to 2 lines, because of insufficent width and that's OK But the text in the second cell is only one line and shows up at the top of the cell. How can I align it to bottom?

I tried vertical-align="bottom" text-align="bottom" text-align="end" on row , cell and block levels.. Any of them worked?!?

<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>

回答1:


Use display-align="after" on the table cell:

<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>



回答2:


Just in case someone found this issue:

If you have an image and text above you don't want to align after but before:

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


来源:https://stackoverflow.com/questions/6874635/vertical-alignment-of-text-in-a-table-cell

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!