divの水平方向の中央配置を実装する
<p>divを画面の中央に配置したいと思っています。問題は、div が小さい場合、左から 45% で問題ないように見えますが、div が長い (つまり幅が広い) 場合は、左から 30% に変更する必要があることです。 </p>
<p>サイズに基づいて div を中央に配置する賢い方法はありますか。 </p>
<p>
<pre class="brush:css;toolbar:false;">body {
背景:青;
}
。箱 {
位置: 絶対;
上:10ピクセル;
左:30%;
背景:白;
パディング:10ピクセル;
境界半径:10px;
}</pre>
<pre class="brush:html;toolbar:false;"><div class="box">
これは長い div であるため、左 = 30% が必要です
</div></pre>
</p>
