0

ページの位置を固定SIDEmenuしています。100枚の小さな画像が含まれています。各画像は10pxx10pxです。

画像を垂直方向に折り返すにはどうすればよいですか？

つまり、ブラウザの高さが500の場合、画像は2列で表示され、ブラウザの画面の高さが250、4列の場合は、縦のワードラップのように表示されます。

これはHTMLとCSSを使用して可能ですか？

追加：=左側の固定メニューバーで、100個の小さな画像があります。私はそれをiPhoneとコンピューターで動作させようとしています。画像はウェブサイトをナビゲートするためのものであるため、すべての画像が重要です。iPhoneでは下の画像が切り取られているので、それらをラップしたかったのです。したがって、基本的に、すべてのメニュー画像に収まるように小さい画面でメニューを広くする必要があります

4

3 に答える 3

0

float：leftの画像で、サイドバーがdivで、高さが％の場合、画像はサイズに基づいて単純に浮き上がります。例を挙げてみましょう。

たとえば、ここにあります：http: //jsbin.com/isiquw/1/

于 2012-09-05T09:30:29.913 に答える
0

SIDEmenuでこのCSSプロパティを試してください。

.sidemenu {
         width:25%;
         height:auto;
         float:left;
}

このDIVの終了後、両方とも1つのクリアを使用することを忘れないでください

于 2012-09-05T09:33:43.810 に答える
0

1つのオプションは、css3のメディアクエリを使用することです。

@media (min-height:500px) and (max-height:1000px){
  #sidebar { width:20px; }
}

これが私が作った基本的な例です。ブラウザのサイズを変更して試すことができます（もちろん、css3メディアクエリをサポートしている場合）

于 2012-09-05T10:05:29.243 に答える