2012-03-05 6 views
0

htmlで縦書きではなく左から右に実行される複数列レイアウトを作成したいとします。テキスト列divを特定の高さと幅に設定したい場合、/テキストがボックスをオーバーフローすると、テキストの新しい列が作成されます。したがって、必要なときに追加する自動列作成者。これは可能ですか?javascriptでdivの高さでテキストが実行されるときに新しい列を作成する

+0

は、ここでは、この[デモ](http://randysimons.com/overige/multicolumn/)を確認してください。 – Starx

+0

これはすばらしいですが、列の幅をウィンドウの幅に合わせるように見えます。私は水平に伸び続ける何かをしたい。 – Ghost9

+0

必要に応じてスクリプトを変更します。問題が発生した場合は、ここに別の質問を投稿してください。 – Starx

答えて

0

Gecko 10の場合、-moz-column-count: 1を使用して高さを設定すると、代わりにオーバーフローの内容が右側に表示されます。

-moz-column-widthで列数を1に設定して幅を制御することができませんでした。そこにwidthを指定する必要がありました。

しかし、-moz-column-count: autoを設定した場合は、widthを設定せずに-moz-column-widthを設定することができます。

例JSFiddle:http://jsfiddle.net/syockit/mVFaX/1/

+0

これは役に立ちます。私は列ギャップがウィンドウでサイズ変更される問題があるようです。私はそれが固体のレイアウト対流体にするように見えることはできません。私は何が欠けていますか? – Ghost9

+0

これは実際に行く方法のように思えましたが、すべての種類のオーバーフローの問題を発見しました。そのため、どのように対処すればよいのか把握する必要があります。 – Ghost9

+0

右側に余白や余白がありません。 – Ghost9

関連する問題