div의 가로 가운데 위치 지정 구현
<p>div를 화면 중앙에 배치하고 싶습니다. 문제는 div가 작을 때는 왼쪽에서 45%가 괜찮아 보이지만 div가 길면(즉 너비가 더 넓은 경우) 왼쪽에서 30%로 변경해야 한다는 것입니다. </p>
<p>div를 크기에 따라 중앙에 배치하는 현명한 방법이 있습니까? </p>
<p>
<pre class="brush:css;toolbar:false;">본체 {
배경:파란색;
}
.상자 {
위치: 절대;
상단:10px;
왼쪽:30%;
배경:흰색;
패딩:10px;
테두리 반경:10px;
}</pre>
<pre class="brush:html;toolbar:false;"><div class="box">
이것은 긴 div이므로 left = 30%가 필요합니다.
</p>
P粉573809727431일 전459