1 行に 3 つの div/画像 (管理者には div があり、結果ページには画像があります) を配置したいのですが、8 つ以上またはそれ以下 (動的) があります。
column-count を使用しましたが、問題なく動作しましたが、いくつか問題があります。
- 最初はサポートです。これを IE7 用に最適化する必要があります。
- 2 つ目は、画像の表示方法です (左から右ではなく上から下)。
- 3 つ目は、4、7、10、13、16 などの画像がある場合の問題です。
フロートは使いたくない。レスポンシブにする方法はありますか？基本的に、最大サイズが XXXpx の div で、ページのサイズを変更するときに他の行にドロップするのではなく、サイズを変更しますか?
...
http://jsfiddle.net/xabxt3re/1/
右側のサイズを変更できない場合があります。ページを閉じて、もう一度開いてください。動作するはずです。奇妙な JSFiddle の問題。また、そこをクリックすると、最後に新しい画像が追加されるので、回避したい動作を観察できます。
基本的に、1 行に 3 つの div/画像を配置して、ブラウザー ウィンドウの幅が十分でない場合にサイズを変更し、代わりに別の行にドロップする方法はありますか? または、列数が画像を表示する順序を修正し、最初の 2 つの列を 2 つの画像で埋めて、均等に広げない方法を教えてください。
追伸:誰かが私の質問に反対票を投じたら、少なくともその理由を教えていただけますか? それで、私はそれを改善して、次回のために学ぶことができますか? 本当に迷惑なので。私はすべての詳細と、私が持っているもののコードさえも提供しました.
編集の提案をありがとう。リンクの後にスペースを追加しましたが、1 つ作成するにはスペースを 2 つ追加する必要があるのを忘れていました....