[HTML & CSS General] 縦書き文章の段組
そういえば縦書き文章を書いたことが一度もないので写経。
こちらが先生。
column-count
お手本では画面いっぱいにエリアをとって、それを2カラムに分けています。
See the Pen Multiple Columns Using column-count by DriftwoodJP (@DriftwoodJP) on CodePen.
カラム幅（.wrapper）は width: 100vw なので、文章が長い場合にはスクロールバーが表示されてしまいます。
こんな場合は overflow-x: hidden を追加します。
- overflow-x – CSS: カスケーディングスタイルシート | MDN
CSS3 Multiple column layout は IE/Edge も対応しているようなので、使われているところでは使われているのかな。
補遺
冒頭の font: 16px/1.6 serif; を見て何だっけと思いましたが、ショートハンドでした。