0

例: http://jsfiddle.net/AtbFR/2。

両側に 2 つの列があるリキッド レイアウトがあります。これは 100% で、パディングのためのマージンがあり、列内のリキッド レイアウトを可能にします。

ブラウザーのサイズを変更して、ブラウザーの幅が広いほど、より多くの画像が表示されることを確認できます。これは理想的ですが、少し変更が必要です。常に変数「X」個の画像が表示されます。X+(1/3) 画像を表示する必要があるため、非常に大きなウィンドウの場合、全幅の画像が 10 個表示され、最後の画像の 1/3 のみが表示されます。

#list {
  width:80%;
  border:1px solid black;
  margin: 0 auto;
}
#list ul {
  height:40px;
   overflow:hidden;
}

#list ul li {
  display:inline;
}
4

1 に答える 1

0

ul に最小幅を設定し、#list div に overflow:hidden を設定してみてください。

http://jsfiddle.net/AtbFR/3/

#list {
  width:80%;
  border:1px solid black;
  margin: 0 auto;
  overflow:hidden;
}
#list ul {
  height:40px;
   overflow:hidden;
  min-width:80px;
}
于 2013-01-17T09:28:28.523 に答える