2

サムネイルクラスがouter-1 divの幅に収まらない場合に備えて、outer-1 divに空のスペースを表示せずに、サムネイルクラスを新しい行に表示しようとしています。

<div class="outer-block">
    <div class="outer-1">
        <div class="thumbnail">box 1</div>
        <div class="thumbnail">box 2</div>
        ...
        <div class="thumbnail">box 7</div>
    </div>
</div>

サムネイルクラスのサイズは幅160px、高さ160px固定です。サムネイル クラスを持つ追加の div が次の行に折り返されるように、outer-1 div の幅を 160px の倍数にしようとしています。

また、outer-block div に関して、outer-1 div のコンテンツを中央に配置しようとしています。

ここに私のjsfiddleへのリンクがあります - http://jsfiddle.net/K2v3W/2/

4

1 に答える 1

0

私が理解していることから、outer-1を自動全幅にしたいので、html/cssだけでこれを行う唯一の方法は、メディアクエリを使用してouter-1の幅を160pxの倍数に設定することです。

http://css-tricks.com/css-media-queries/

于 2013-06-07T20:17:49.230 に答える