0

同じサイズのdivのリストを作成しようとしています。私はこのようにする必要があります。divをfloat左に揃え、5 divが1行にスペースを持っているとすると、6番目のdivはその下に入ります。今私がする必要があるのは、ライン上のこの5 divから残っている余分なスペースであり、この5div間で均等に分割する必要があります。

各divの幅が200pxで、画面の幅が1100pxだとします。5つのdivの間に25pxが必要になります。200px + 25px + 200px + 25px + 200px + 25px + 200px + 25px+200px。

ダニエル、よろしくお願いします。

4

3 に答える 3

0

この例では、幅が 25px の空の div を左にフロートさせるか、1100 に 25px のパーセンテージを使用すると 2% になります

于 2013-02-11T14:25:36.153 に答える
0

私が試したのは、div の % widths と、マージンの % widths です。行ごとに 5 つの div が必要なため、間隔や境界線なしで実行できる最大値は 20% です。以下の jsfiddle では、17% の幅と 2% の margin-left 設定を使用しました。必要に応じて、左にパディングしないように最初の div スタイルをカスタマイズできます。

.cell {
    height:30%;
    width:17%;
    background:#ff0000;
    border:1px solid black;
    margin-bottom:2em;
    float:left;
    margin-left:2%;
}

http://jsfiddle.net/aKn4n/

ブラウザー ウィンドウを縮小および拡大するとき、最初の行に 5 つの div を保持します。

于 2013-02-11T15:44:08.157 に答える
-1

個人的には、各 div に次のようなマージンを与えてみます。

div{
    margin: 0px 12.5px;
}

これにより、すべての div が均等に配置されることが期待されます。

于 2013-02-11T14:03:49.543 に答える