이미지 div 가로로 센터

내가 가지고 있는 div img '' ('class = &quot top_image";') 와 I want to be 정확히요 div 하지만 내가 이 이미지를 중간에 아무것도아니야 시도하시겠습니까 작동합니다.

어떤 도움도 주셔서 감사합니다!

Nima Derakhshanjan
편집된 질문25일 8월 2015 в 3:10
프로그래밍
html css
2일 4월 2012 в 4:58
1뷰
질문에 대한 의견 (2)
해결책
  • 모든 솔루션 게시하기를 것으로 알고 있다 ',' 여기 치수에는 너회의 img 가 아닌 일반 scenario. 지금은 또 이 솔루션은 치수에는 기능을 꽂으십시오 고통스러운.

단순히 세트:

/* for the img inside your div */
display: block;
margin-left: auto;
margin-right: auto;

또는

/* for the img inside your div */
display: block;
margin: 0 auto;

39 의 다란다 that&

참고, ll, 초기 '에도 설정할 수 있는 # 39 you& 단축시킵니다 최소 너버' 외부 'div'.

Clemens Tolboom
편집된 답변1일 7월 2018 в 12:52
해설 (7)

텍스트 정렬: center 는 가로 가운데 위해 사용할 수 있습니다. For it to be in the complete 센터, 수직 및 수평 다음과 같이 할 수 있습니다.

div
{
    position: relative;
}
div img
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: [-50% of your image's width];
    margin-top: [-50% of your image's height];
}
Maxime Fabre
편집된 답변2일 4월 2012 в 5:08
해설 (4)

이것은 매우 단순하고 우아한 솔루션을 제공하는 W3C. 여백 0 auto 선언은 다음과 같이 사용하면 됩니다.

.top_image img { margin:0 auto; }

예 에서 더 많은 정보와 W3C.

Baby Groot
편집된 답변9일 4월 2013 в 10:13
해설 (0)
<div class="outer">
    <div class="inner">
        ![tall image](http://1.bp.blogspot.com/_74so2YIdYpM/TEd09Hqrm6I/AAAAAAAAApY/rwGCm5_Tawg/s320/tall+copy.jpg)
    </div>
</div>
<hr />
<div class="outer">
    <div class="inner">
        ![wide image](http://www.5150studios.com.au/wp-content/uploads/2012/04/wide.jpg)
    </div>
</div>

CSS

img
{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto auto;
}

.outer
{
    border: 1px solid #888;
    width: 100px;
    height: 100px;
}

.inner
{
    display:table-cell;
    height: 100px;
    width: 100px;
    vertical-align: middle;
}
user369450
편집된 답변13일 11월 2013 в 6:15
해설 (0)

내가 생각하는 게 더 할 수 있다 (center for div 와 이미지 텍스트 정렬 잘있게나 높이의. 그냥 지정하십시오라는 위쪽과 아래쪽 패딩을 div 사이의 공간이 이미지와 div. 이걸봐 예: http://jsfiddle.net/Tv9mG/

해설 (1)

이 약간만이라도 도움됐네 됐으면 좋겠다 "고 말했다.

.top_image img{
display: block;
margin: 0 auto;
}
해설 (1)

이 장비가 너무 오래 걸렸어요. 제가 언급한 것은 센터급 주기표시 can& # 39, 아무도 안 믿는다.

예:

만일 이미지 크기를 조절할 수 있는 비율:

미국의 gg

해설 (2)