スタイルシートで縦書き - tategaki.info…というわけで、このスタイルシートでは不満だ…というときは、より簡単に、綺麗な縦書きレイアウトを実現できるJavaScript・h2v.jsをお試しください。 さて、どういうスタイルを適用しているかといいますと、 文を一行ごとに、幅が一文字分の<div>要素で括る。 句読点や小さい「っ」は、放っておくと日本語の禁則処理で前の文字の真横に表示されるので、スタイルシートで禁則処理を外すように指定。 さらに、このままだと句読点などの位置が気持ち悪いので、<span>で括って表示位置を調整。 横書きと縦書きで字形が異なる記号など(括弧や長音記号、〜や…など)は、90度回転させて表示。 …まぁ、それだけなのですが。 FireFox / Safari / Chrome / Opera / IEの各ブラウザで、なんとなく良い感じに表示されます。非常に古いバージョンのブラウザの場合、綺麗に表示されないこと
