CSS를 통해 이미지 .logo를 센터링하는 방법은 무엇입니까?

Question

콘텐츠 관리에 로고로 이미지를 만들었습니다. 여러 가지 방법으로 가운데에 놓으려고 했었고 이전에는 일부 수레를 대체했습니다. 그것은 단지 불가능합니다. 당신은 요소를 고정 폭을 제공하고 자동으로 여백을 설정해야

header { 
width:100%; 
margin:auto auto; 
z-index:101; 
padding:7px 0 12px 0; 
} 

h1 { 
display:inline-block; 
z-index:100; 
} 

.logo { 
margin:25px 0px 10px 0; 
font-size: 24px; 
line-height:30px; 
font-weight: bold; 
} 

nav { } 

Answer 1

:

이것은 exensivefree 테마에서있는 style.css의 손길이 닿지 않은 내용이다, 나는 희망이 전혀 적당한 장소였다 .

.logo { 
    width:100px; 
    margin: 0 auto; 
} 

이렇게하면 브라우저가 요소의 왼쪽과 오른쪽에 동일한 여백을 계산하여 페이지의 가운데에 배치합니다.