問題タブ [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.
css - n 番目の列をターゲットにする (column-count で作成)
私がこれを持っているとしましょう
最初の列を右に、2 番目の列を左に揃えたいのですが、CSS セレクターを使用してこれらの列の 1 つをターゲットにする方法はありますか?
html - CSS3 複数列リスト
私は現在、いくつかのWordpressサイトでCSS3マルチカラムを使用していますが、例外的なことの1つですが、それでも修正方法を知りたいのは、勝ったカラムにリスト(サブアイテムを含む)を配置した場合です'リストの構造を保持しない
明確にするために、これは HTML です。
CSS は次のようになります。
そして、これはあなたが得るものです:
Wordpress でこのようなメニューを表示できるようになるので、これは素晴らしいことです。しかし、私を悩ませていることの1つは、そのアイテムの親が前の列にあるのに、サブリストアイテムを次の列に配置することです。
これは修正可能ですか?
誰かが言う前に: 複数のリストを作成して独自の列を作成してみませんか (これは、これを行う方法を質問したときの提案でした) これは動的な Wordpress メニュー用であるため、アイテムの数を制御することはできませんメニューで。
css - css div は列をまたいでラップします
実際に別の JS プラグインをロードすることなく、石積みに似たタイルの列を作成しようとしています。最後の手段として、できると思います。現在の私の問題は、列コンテナー内の div が長い場合にラップされることです。
私のフィドルを参照してください:
青いタイルが列全体にまたがっていることに注意してください。強制的に同じ列に残す方法はありますか?
HTML
CSS
twitter-bootstrap - Chrome の Bootstrap で列数が機能しないのはなぜですか?
を使用して複数のボタンを列に表示してみました
とマークアップ
しかし、div全体が線のように表示され、すべてのp
s が右に浮いているように見えます。
これが と で機能し、 では機能しないのFirefox 28
は興味深いこと です。Internet Explorer 10
Chrome 33