센터 정렬 이미지

Question

나는이 이미지의 가운데 정렬을 시도했지만 계속 가지 않을 것입니다. 나는 사이징과 왼쪽 정렬을 어지럽히려고했지만 아무 것도 작동하지 않습니다. 나는 무엇을해야합니까?

다음은 JSFiddle : 당신은 절대 위치 이미지를 가지고 있기 때문에 http://jsfiddle.net/4uGtq/embedded/result/

left-align:50%; /* Doesn't work */ 

Answer 1

#icon-wrapper a { 
    display: inline-block; 
    width: 175px; 
    height: 175px; 
} 

폭과 높이가이 경우에 필요하다. 너비와 높이가 없다면 모든 것이 그 자체로 떨어질 것입니다.

Answer 2

Chrome에서 데모를 시도하면 은 브라우저 크기를 1300 픽셀 이상으로 조정하지 않는 한은 그룹으로 정렬됩니다. 그래서 다른 max-width에 대한 @media only screen 규칙을 가지고 있고 가장 높은 숫자는 (max-width: 1300px)입니다. 그 행동은 의미가 없습니다.

변경이 줄이에

@media only screen and (max-width: 1300px) { 

:

@media only screen and (min-width: 1001px) { 

하고 다음과 같이 그것을 수정해야합니다 http://jsfiddle.net/4uGtq/6/embedded/result/