너비가 자동으로 중앙에 맞춰지지 않습니다.

Question

너비 (왼쪽 및 오른쪽) 자동 할당을 시도 할 때 자동 너비가 정의 된 요소가 가운데 맞춤되지 않는 이유는 무엇입니까? 자동 너비가있는 가운데 요소에 여백 이외의 트릭이 있습니까? 당신은 부모 DIV있는 경우에 text-align:center를 제공 할 수 있습니다

<div style="width:auto; margin:0 auto 50px;"> 
<a href="#">Dummy link</a> 
</div> 

Answer 1

에 display: inline-block을 추가하고 현재 <div>에서 width:auto을 제거하십시오. 그런 다음 바깥 쪽 <div>을 생성하고 아직 없으면 text-align: center을 추가합니다.

<div style="text-align:center;"> 
    <div style="display:inline-block; margin:0 auto 50px;"> 
    <a href="#">Dummy link</a> 
    </div> 
</div> 

JSFiddle : https://jsfiddle.net/uLp7qj3e/

Answer 2

: 여기

는 코드입니다.

margin-auto을 사용하려면 div의 너비를 지정해야합니다. auto은 div 및 p 태그의 너비가 100 %가됩니다.

이 같은 대한 해킹이 here

가 가

당신은 브라우저를 사용할 수에 대해 읽어, 알아 당신이 재산 width:max-content; 사용하는 브라우저 suppport에 따라, 다른 수 있도록 사업부에 대한 특정 폭을 줄 수있는 경우 :

width: intrinsic;   /* Safari/WebKit uses a non-standard name */ 
width: -moz-max-content; /* Firefox/Gecko */ 
width: -webkit-max-content; /* Chrome */ 

예 니펫을 :

<div style="background:red;margin:auto;width:intrinsic;width:-moz-max-content;width:-webkit-max-content;"> 
 
    <a href="#">Dummy link</a> 
 
</div>