TAKAIDO intertainment

段数を判定

scrollWidth, scrollHeightで段数を判定

　scrollWidthは、そもそも<div>〜</div>ではさまれた中身の要素が大きすぎて<div>からあふれているときに、そのあふれた部分も含めた要素全体の中身の横幅の値を求めるもので、本来は、スクロールバーを表示するときに参照している値らしいです。（scrollHeightのほうは、横幅ではなく、縦幅）
　というわけで、この値と、段組みの１段の箱のサイズを比較すれば、「あふれている」かが判定できるわけで、あふれているあいだは、段数を増やし続けることで、段数が判明できたのでした。
　この動作は、ブラウザサイドでの表示についての操作なので、Javascriptを使っています。

段組みサンプル４

段組みサンプル５

動作の流れ

　「あふれている」かの判定を２段組み以降、scrollWidthではなくscrollHeightにしているのは、文字組みの都合により複数種類の行送りが混在している場合など、行送りに対しての段替えのルールに不明な部分があり、あふれている判定とじっさいの表示に誤差が生じていたので、１段だけのときは、横にあふれますが、２段目設定以降は、下にあふれている限り段数を増やして判定するという方法に修正しました。

　段組みのなかのテキストフローに、画像を挿入したり、リスト<ul><li></li></ul>の挿入したときのふるまいとか、改段方法とか、いろいろ課題はあるんですが、それは、また今度。
　つづく。