css-multicolumn-layout

4熱

1答えて

固定高さの要素に複数列のCSSレイアウトを使用しているため、ブラウザはコンテンツを格納するのに必要な数の列を作成します。新しい列は常に他の列の右側に表示されますが、3列後に折れて、1,2,3の下に列4,5,6が表示されます。私はこれがJSでできると思いますが、私は何を選ぶべきか分かりません。 .columns { width: 360px; font-size: 100%;

0熱

1答えて

My Blueprint CSSが列数が不均一に機能しない

私はBlueprint CSSをRailsアプリケーションで使用しています。私はこれを各項目の周りにボックスがある4列のレイアウトにしています。私は4つのアイテムまたは8つのアイテムを持っている場合、すべてがうまく、私は2行の製品を持っています。私が9番目の製品や4で割り切れないものがあれば、行と項目はばらばらになり、次の列に行き渡ります。誰が問題が何であるか知っていますか？ div.four-c

10熱

4答えて

2つの列と引用ボックスを中央に配置した新聞レイアウト？

コンテンツが2つの列に分割されているが、列の中央に引用ボックスがあるWebサイトの新聞レイアウトを作成する方法を探しています。私は -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; とCSS3を使用して2つの列を作る方法を知っているが、どのように

2熱

1答えて

CSS3で作成した複数列のレイアウトから特定の列の内容を取得する方法は？

私はコンテンツ（divシングルとフォーマットで大量のテキスト）のウェブページを持っているが（column-heightとcolumn-width経由）CSS3で複数の列（30〜40）に分割されはのコンテンツを取得する方法はあります特定の列（その列の中のテキスト）？任意の言語、フレームワーク、またはアルゴリズムは歓迎です:)

5熱

1答えて

JQuery CSS setterが列数プロパティを設定するときにWebkitで動作しない

JavaScriptを使用して動的に生成するHTML ulがあります。私がそれを生成した後、私は、ulのスタイルをJQueryの$('#id').css('property',value)メソッドを使って設定しました。、-webkitドメインに一度定期的なCSSの、一度-mozドメインでのCSSの、そして一度CSSの - $('#actionSpace #datasetContent')

5熱

2答えて

column-countを使用すると、解像度が小さければ3から2列に動的に変更できますか？

私はcolumn-countプロパティを使用して、3つの列に複数のdivがあるページを設定しています。これは大きな画面で大きく見えます。各divの固定幅は、たとえば500ピクセル（画像が含まれています）です。しかし、小さな画面で作業する場合、ブラウザーは2つの列に移動するときに元の\ 3列内にコンテンツを強制しようとします。コンテンツが重複し始めるときに、コンテンツを2つの列に移動させるのが最善

0熱

3答えて

CSSを使用したマルチカラムレイアウトの上のイメージ

私は2列レイアウト（CSSマルチカラムレイアウトモジュールを使用しています）を持っていて、2番目のカラムの上部にイメージを持っています。私はイメージを自分で配置しなければならないように見えるので、テキスト内のどこにブレークするのかが分かります。問題は、列が均等に塗りつぶされるようにすることです。 JavaScriptを使用せずにこれを解決する方法はありますか？これはイメージの代わりにdivを使用

5熱

1答えて

複数の列の間隔がChromeで機能しないのはなぜですか？

私のCSSの列は、FirefoxとIE9でどのように表示されているかとはChromeの表示方法が異なります。これは、Firefoxで正しく表示され：は、ここでは、Chromeで正しく表示されない方法は次のとおりです。私は一種の改善である、display: inline-blockにliを変更しようとしましたしかし、狭いリストアイテムは同じ「セル」に表示されます。 h3, h4 {

2熱

1答えて

CSS3の複数の列と可変高さのコンテンツの問題

現在、コンテンツを分割するためにCSS3の複数の列を使用しているプロトタイプで作業していますが、うまくいくようです。私の問題は、列の一部であるブロック内に高さのセクションが拡大していることです.Firefoxでは、CSS3の複数列の要素の高さが変更されて消えてからFirefoxがクラッシュする場合があります。 CSS3のマルチカラムでは、内部のさまざまな高さのコンテンツを考慮してはいけませんか、そ

8熱

3答えて

なぜSafariはCSSの複数列レイアウトを異なる方法でレンダリングしますか？

私はa websiteをビルドしており、Chromeでテストしていますが、これはFirefoxで動作するかどうかを断続的に確認しています。私は、ChromeとSafariの両方がWebKitで実行されているため、Webサイトを同じようにレンダリングすると考えました。しかし、これは事実ではありません。私はSafariでのサイトをチェックしていたと私はcolumn-count（両方-moz-と同じ