2012-02-14 3 views
3

ここで見ることができるように:http://jsfiddle.net/ZP3vu/テキストは浮動画像のためビット幅が狭くなり、画像の下に100%の幅に戻ります。 CSS3のマルチカラムでは、醜いものになります:http://jsfiddle.net/QLFav/CSS3複数列divを細くしなくてもフローティング画像を追加するには?

画像がマルチカラムコンテンツを狭くするのを防ぐにはどうしたらよいですか?画像の下に空白スペースをテキストで埋めるには?

http://jsfiddle.net/ZP3vu/ http://jsfiddle.net/QLFav/

答えて

1

私はそれはあなたが意味正確に何ですけど、浮きせずにテキストの中央に画像を配置しようとしません。

http://jsfiddle.net/QLFav/3/

+0

いいえ、残念ながら私が探しているものではありません。あなたが提案した解決策は、最大画像幅を列幅に制限します。また、例えば、1つの長いリストを2つの小さなリストに分割することによって、コンテンツを妨害します。そして最後に、記事の異なる部分に置かれた画像に問題があります(フラグメントは複数列です)が、ウィンドウの幅やフォントのサイズなどのためにここに表示されます。画像が複数列のレイアウト外にあるソリューションが必要です。 – skalee

+1

そこで、私は 'column-span:all;'をhttp://www.w3.org/TR/css3-multicol/(例XX)から使用しようとしましたが、期待された動作とは異なる動作をしています。 – Kobra

関連する問題