リポジトリ上のnehan.jsで、論理的な回りこみ処理(論理フロート)の解除を実装しました。
回り込みを解除するスタイル設定ですが、通常のcssでは、
.clear-left{ clear:left } .clear-right{ clear:right } .clear-both{ clear:both }
などと書くところですが、nehan.jsでは
.clear-start{ clear:start } .clear-end{ clear:end } .clear-both{ clear:both }
のように、縦書き横書きに依存しない論理方向でクリアを指定します。
left
がstart
に、right
がend
に対応している点に注意して下さい。
サンプル
例えば「あいうえお…」から始まる文字列で、回りこみを解除することを考えます。
何も解除しないとこうなるものとします。
ここから「あいうえお…」の文字列をclear:end
すると、こうなります。
ここから「あいうえお…」の文字列をclear:start
もしくはclear:both
すると、こうなります。
start
方向の回り込み要素のほうが大きいので、こっちを解除すると結果的にboth
と同じ結果になります。