テキストの両端揃え

たまに出てくる両端揃えのメモ

HTML

<table>
 <tr>
      <th>会長</th>
      <td>〇〇〇〇〇〇</td>
 </tr>
 <tr>
      <th>副会長</th>
      <td>〇〇〇〇〇〇</td>
 </tr>
 <tr>
      <th>常任理事</th>
      <td>〇〇〇〇〇〇</td>
 </tr>
 <tr>
      <th>理事</th>
      <td>〇〇〇〇〇〇</td>
 </tr>
</table>

CSS

table th {
	-moz-text-align-last: justify;
	text-align-last: justify;
}

結果

会長〇〇〇〇〇〇
副会長〇〇〇〇〇〇
常任理事〇〇〇〇〇〇
理事〇〇〇〇〇〇

text-align-last はブロック内の最後の行の配置を指定できるもの

text-align-last:center で最後の行を中央に配置
text-align-last:right で最後の行を右揃え
text-align-last:left で最後の行を左揃え

コメント