はてなブックマーク

この記事はNIJIBOX Advent Calendar 2021の掲載記事です。 この記事で話すこと CSSで文章の縦書きを表現した場合のChromeとSafariの表示の違いとその回避策 先日、初めてWebで文字の縦書きの実装が必要な案件に出会いました。 縦書き文章って紙媒体の小説や新聞では当たり前ですがWebではなかなか珍しいですよね。 と言っても文字を縦にするだけだしなんとかなるだろうと思っていたのですが、クロスブラウザチェック時に予期せぬ挙動を発見してしまい少し悩んだのでここに備忘録として書き残しておこうと思います。 ※PCのモダンブラウザ対応を想定しています。 ※2021/12/02時点での内容となります。 Google Chrome バージョン: 96.0.4664.55 Safari バージョン13.1.3 (15609.4.1) Webで縦書き、どうしよう？ さて、そもそ