表の文字均等割りについて

質問

文字の均等割りはどうしたらいいのですか？CSSを利用することはなんとなくわかったのですが、まだ勉強不足でいまいち上手くできません。
分かりやすく教えて頂きたいです。
あと、縦書きの文字に対しても均等割りはできるのでしょうか？

回答No.1

yambejp

均等割付や縦書きはブラウザ依存になります。
IEならこれでいけるでしょう。

<style type="text/css">
.kinto-yoko {
text-align: justify;
text-justify:distribute-all-lines;
width:200px;
}
.kinto-tate {
writing-mode: tb-rl;
text-align: justify;
text-justify:distribute-all-lines;
height:200px;
}
</style>
<div class="kinto-yoko">テスト<br>
テストだよん<br>
これはテストです</div>

<div class="kinto-tate">テスト<br>
テストだよん<br>
これはテストです</div>