問題タブ [css-multicolumn-layout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
3404 参照

css - n 番目の列をターゲットにする (column-count で作成)

私がこれを持っているとしましょう

最初の列を右に、2 番目の列を左に揃えたいのですが、CSS セレクターを使用してこれらの列の 1 つをターゲットにする方法はありますか?

0 投票する
0 に答える
63 参照

html - -moz-column-count では返されないのに、-webkit-column-count:3 では乱れた列が返されるのはなぜですか?

私の問題は、データベースから取得したデータの「画像」のグループを配置することです。

9ページごとに戻るようにページネーションを追加しました!

私が使う

Firefox でのビュー

Chrome での表示

これは、li & ul のコードです。

0 投票する
1 に答える
19155 参照

html - CSS3 複数列リスト

私は現在、いくつかのWordpressサイトでCSS3マルチカラムを使用していますが、例外的なことの1つですが、それでも修正方法を知りたいのは、勝ったカラムにリスト(サブアイテムを含む)を配置した場合です'リストの構造を保持しない

明確にするために、これは HTML です。

CSS は次のようになります。

そして、これはあなたが得るものです:

ここに画像の説明を入力

Wordpress でこのようなメニューを表示できるようになるので、これは素晴らしいことです。しかし、私を悩ませていることの1つは、そのアイテムの親が前の列にあるのに、サブリストアイテムを次の列に配置することです。

これは修正可能ですか?

誰かが言う前に: 複数のリストを作成して独自の列を作成してみませんか (これは、これを行う方法を質問したときの提案でした) これは動的な Wordpress メニュー用であるため、アイテムの数を制御することはできませんメニューで。

0 投票する
1 に答える
210 参照

css - css div は列をまたいでラップします

実際に別の JS プラグインをロードすることなく、石積みに似たタイルの列を作成しようとしています。最後の手段として、できると思います。現在の私の問題は、列コンテナー内の div が長い場合にラップされることです。

私のフィドルを参照してください:

http://jsfiddle.net/dLM6A/3/

青いタイルが列全体にまたがっていることに注意してください。強制的に同じ列に残す方法はありますか?

HTML

CSS

0 投票する
2 に答える
6918 参照

twitter-bootstrap - Chrome の Bootstrap で列数が機能しないのはなぜですか?

を使用して複数のボタンを列に表示してみました

とマークアップ

しかし、div全体が線のように表示され、すべてのps が右に浮いているように見えます。

これが と で機能し、 では機能しないのFirefox 28は興味深いこと です。Internet Explorer 10Chrome 33