가운데 맞춤 이미지

-3

이 이미지를 페이지 중앙에 정렬하려고합니다. 나는 "(본문에)" "text-align : center; 및 display : inline-block; (CSS에서)"시도했지만 작동하지 않습니다.가운데 맞춤 이미지

다음은 JSFiddle입니다 : http://jsfiddle.net/4TtHR/1/

다음은 CSS : 당신은 부유 요소를 중심하려는

figure { 
    display: inline-block; 
    position: relative; 
    float: left; 
    overflow: hidden; 
    margin: 0 20px 20px 0; 
}

출처

2013-10-20 user2680614

가능한 dublicate [사업부의 사업부를 중심으로하는 방법 - 수평 (http://stackoverflow.com/questions/114543/how-to-center-a-div-in-a -div-horizontally? rq = 1) 많은 사람들 중에 – megawac

@megawac 방금 그 링크에서 몇 가지 시도를했지만 그 중 아무 것도 작동하지 않았습니다. 나는 마진뿐만 아니라 결과가없는 몇 가지 다른 것들을 설정했다. – user2680614

http://jsfiddle.net/4TtHR/9/ – megawac

div으로 간단히 줄 바꿈하고 자식 요소를 포함하기 위해 display:inline-block으로 설정할 수 있습니다. 그런 다음 div을 가운데에 맞추기 위해 을 parent에 적용하십시오.

jsFiddle here

의

출처

2013-10-20 02:04:36

figure { 
display: block; 
position: relative; 
overflow: hidden; 
margin: 0 auto; 
width: 50%; 
}

출처

2013-10-20 02:02:25 IRONLORD

작동하지 않습니다. http://jsfiddle.net/4TtHR/7/embedded/result/ –

가운데 맞춤 이미지

답변

관련 문제