css - 固定幅ではないdivを水平方向に中央揃えする方法は?

Question

OK、中央に div があります:

<div id="spry">
<p> hello there asdsdfasd  adsfasdf aasdfasfd </p>
</div>

次の CSS を使用します。

#spry {
background-color: red; 
display: block; 
margin-left: auto; 
margin-right: auto; 
width: 400px; 
}

しかし、divを固定幅ではなくしたい。私はただ変えることができると思ったwidth: 400px。にwidth: auto;

しかし、それを行うと、幅全体に拡張されます。

score 2 · Accepted Answer

表示値をに変更して、その親コンテナーでinline-block使用できますtext-align: center;(ただし、例として使用したものがないため<body>)。

body {
    text-align: center; 
}

#spry {
    background-color: red; 
    display: inline-block;
}

score -1 · Accepted Answer

-1

margin:0 auto;何が起こるか見てみてください

于 2013-08-22T11:58:49.513 に答える

3 に答える 3