web-dev-qa-db-ja.com

テーブルセル内のテキストの垂直方向の配置

2番目のセルでテキストを下に揃えたいのですが。幅が足りないため、最初のセルは2行に拡張されますが、2番目のセルのテキストは1行にすぎず、セルの上部に表示されます。どうすれば下に揃えることができますか?

行、セル、ブロックの各レベルで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>
20
AbsoleteMe

使用する - 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>
36
mzjn

誰かがこの問題を見つけた場合に備えて:

上に画像とテキストがある場合は、前ではなく位置合わせしたくありません。

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