html - 私の場合、マージン0の自動は機能しません

Question

これが私のコードの一部です：jsfiddle

私は.persondivの内部をdivの中央に配置するための解決策を見つけようとしました.team。

私は約1時間かけて、自分が間違っていることを理解しましたが、成功しませんでした。

.personページの幅を変更しても、divを中央に配置することはできますか？私の場合、静的なものがありますwidth: 768pxが、それでもdivを中央に配置することはできません。

Answer 1

display:inline-blockの代わりにpersonクラスを設定するfloat:left。その後、チームクラス
に申し込むことができます。 これにより、目的の結果が得られるはずです。text-align:center

.team {
    text-align: center;
    border: 1px solid green;
    overflow: hidden;
    width: 768px;
    margin: 0 auto;
    margin-top: 30px;
}

.person {
    border:1px solid red;
    text-align:left;
    width: 200px;
    display: inline-block;

    &:nth-child(5n+1) {
        margin-left: 0px;
    }

テスト目的でのみ境界線の色を変更しました。

ここでフィドル-http://jsfiddle.net/sZNJG/7/

Answer 2

クラスを追加text-align: center;してみてください。teamこちらの jsfiddle の例を参照してください。