先日マルチカラムをjavascriptで実現するという記事を見かけました。
これと縦書きを組み合わせれば理想のページが作れるのではと思いました。
これまでは、例えばdivタグにある文章が多くなるとdivが下に伸びました（１）。縦書きにするとdivの進行方向が左になります（２）。このままだと横長のページになってしまい、スクロールも面倒になります。
（３）のマルチカラムを使用して縦書きにすると（４）のようになるのでは、という感じです。
しかしここ数日いろいろ試してみましたがうまくいきません。縦書きCSSの writing-mode:tb-rl; や layout-flow:vertical-ideographic; を使ってみても、うまく次のカラムへつながりません。文章を流し込んでいるdivがだらだらと横長の２段カラムになったり、縦長の２段カラムになったりで、実用には及びません。
横長になってしまうのを防ぐために、CSSのmax-widthを導入してみることにしました。
しかしこれでもってしてもdivが横長になってしまいます。どうしたものかと途方に暮れているのが現状です。
なにかアイデアありましたらお教えくださいませ。
これと縦書きを組み合わせれば理想のページが作れるのではと思いました。
これまでは、例えばdivタグにある文章が多くなるとdivが下に伸びました（１）。縦書きにするとdivの進行方向が左になります（２）。このままだと横長のページになってしまい、スクロールも面倒になります。
（３）のマルチカラムを使用して縦書きにすると（４）のようになるのでは、という感じです。
しかしここ数日いろいろ試してみましたがうまくいきません。縦書きCSSの writing-mode:tb-rl; や layout-flow:vertical-ideographic; を使ってみても、うまく次のカラムへつながりません。文章を流し込んでいるdivがだらだらと横長の２段カラムになったり、縦長の２段カラムになったりで、実用には及びません。
横長になってしまうのを防ぐために、CSSのmax-widthを導入してみることにしました。
しかしこれでもってしてもdivが横長になってしまいます。どうしたものかと途方に暮れているのが現状です。
なにかアイデアありましたらお教えくださいませ。
トラックバック(0) |
つなさらだ 日本人は、縦書きが好き？
私もｊａｖａを勉強したいと思っているのですが、色々忙しくて、あとまわしになっています。
斎七 >>つなさらださん
小説では縦書きは憧れですね〜。しかし理想の縦書きページはまだまだ遠いです。
スクリプトに詳しい人はかっこいいですよね。僕も精進します(´ω`；)
| ホーム |