0

私がやろうとしているのは、コンテナ内でx個のdivを中央に配置し、14pxのdivの両側にマージンを持たせることです。

しかし、次のようなコード:

divs{
  display: inline-block;
  margin: 0 7px;
}

2つの外側のdivの外側に7pxのマージンが生成され、各divの内側に均等なマージンが生成されます。これに対抗するための一般的に良い習慣は何ですか?最後のdivに「last」クラスを適用してmargin-right:0を指定し、残りのクラスにはmargin-right:14を指定することを考えていましたが、これは面倒なようです。

フィドル: http: //jsfiddle.net/ZMqbW/3/

4

2 に答える 2

1

あまりエレガントではないと思いますがtext-align: center、コンテナ上ではこれでうまくいきます。

編集:テストhttp://dabblet.com/gist/2793852

于 2012-05-26T12:50:53.300 に答える
0

提案#1

コンテナにパディングを追加できない理由は何ですか?

.container {
    padding: 7px;
    overflow: hidden;
}
.divs {
    display: block;
    float: left;
    margin: 0 7px;
}

また、Internet Explorerはインラインブロックがあまり好きではないので、コンテナfloat: left;でと組み合わせて使用​​していることに注意してください。overflow: hidden;

このフィドルを試して、うまくいくかどうかを確認できます。

提案#2

別の提案は、次のような疑似クラスを使用することです。

.divs:first-child {
    margin-left: 14px;
}
​.divs:last-child {
    margin-right: 14px;
}​​​​​​​​​​

このフィドルを試して、実際の動作を確認してください。

于 2012-05-26T12:40:59.440 に答える