css-multicolumn-layout

2熱

1答えて

このコードはChrome/Firefoxでうまくいきますが、Safariでは3列のdivの下にあるコンテンツは、あたかも列の内容が単一の列。これはここで見ることができます：http://codepen.io/anon/pen/egxvqP 関連するコード： .postIntro { width: 100%; display: inline-block; margin

0熱

1答えて

ブートストラップ列と可変高さ段落

ブートストラップ3.3.7を使用し、17段落を可変高さで3列（col-md-4）レイアウトに高解像度2列（col-sm-6）または1列（col-xs-12）である。 3つまたは2つの列があるかどうかにかかわらず、私は同じ高さに近い列を生成するレイアウトにしたいと思います。段落ソースは静的ではないので、柔軟なレイアウトを作成しようとしています。私が試した： <p class="col-md-4 c

1熱

2答えて

2列の開始高さを同じにする方法は？

私のデモ（http://jsfiddle.net/pdExf/864/）では、4番目の要素の開始位置が最初の要素の開始位置よりも高くなっています。これをどうやって解決するのですか？スニペット： span { margin-left: 14px; flex: 1 1 auto; overflow: 'hidden'; word-wrap: b

5熱

1答えて

なぜ私の変換：translateYがChromeでちらつきますか？

私は単純なマルチカラムレイアウトを持っています。 translateYを使用して:hoverの要素を持ち上げようとしています。ちらつきが発生します（Chrome 57でテスト済み）。これをどうやって解決するのですか？ transformプロパティを持つ要素に次のコードを配置 "use strict"; $(function() { var $target = $('.w

2熱

1答えて

画像でCSSの列が動作しない

高さが異なる4つの画像があり、CSS列を使用して石積みのような列のグリッドを作成したいと考えています。私は下の列に3枚のトップでの画像と第4画像を望ん https://codepen.io/glennreyes/pen/pwjOmy .columns { columns: 3; } <div class="columns"> <img class="image"

-1熱

1答えて

CSS専用の石積みレイアウトを作成することはできますか？

まずは、この質問はVertical vs. Horizontal Masonry CSS-only と似ていますが、まだ誰もこの質問に答えていないので、もう一度試してみます。私はCSSカラムプロパティを使って自分のワードプレスのポスト用の石積みレイアウトを設定しました。これは素晴らしい作品ですが、私の投稿は現在の日付でソートされていません（実際にはそうですが、ユーザーがそれを得る方法ではありませ

0熱

1答えて

要素が展開されたCSS列

css列を使用して項目のリストを3列に配置したいと考えています。特定のアイテムをクリックするとJSを使用して展開しますが、そのときはレイアウトを調整して補正する必要はありません。これは可能ですか？ $('.clickme').click(function(){ $(this).toggleClass('big'); }); /* relevant CSS */ ul{

-1熱

1答えて

スタイルカラムスパンがテーブル内で機能していないようです

colspanの使用を避け、CSSを使用したいと考えています。 hereにはcolumn-spanを使用することをお勧めします。しかし、それを私のコードに入力すると、tdが1列だけでレンダリングされます。また、奇妙なエラーメッセージが表示されます。 4はそのスタイルの有効な値ではありません。私はallを使ってみましたが、これは警告を取り除きましたが、必要に応じてレンダリングしませんでした。私

0熱

1答えて

列と水平スクロール

私はリストにdinamically項目を追加したい、私はこれを行うとき、私は最初の項目を追加するとき、私は2番目のものを追加するとき、このスティックを左側に追加する3番目の項目は今までのすべての良い点を示していますが、4番目の要素を追加すると、3つの列の代わりに2つの列が得られます。これは私が | 1 | | 2 | | 3 | | 4 | 望むものであり、これは私が | 1 | | 2