웹 페이지의 크기를 조정할 때 여러 개의 이미지가 있습니다. 그러나 div 블록을 중앙에 유지해야합니다. 그들은 현재 모두 중심되는 :왼쪽 중앙에 div 이미지 블록을 정렬하려고 시도합니다.
은 아래를 참조하십시오 :
<div class="widget-content" style="text-align:center;">
<img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
<img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
<img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
<img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
<img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
<img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
<img class="medium_thumb_rounded" id="15" src="my-img-src.jpg">
</div>
CSS : 여기
내 HTML과 CSS 코드.widget-content {
padding: 12px 15px;
border-bottom: 1px solid #cdcdcd;
}
.medium_thumb_rounded {
border: 1px solid #B6BCBF;
/*float: left;*/
height: 80px;
width: 80px;
margin-right: 1px;
margin-bottom: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
어떤 생각이 무엇을 내가 잘못하고있어?
<div class="widget-content" style="text-align:center;">
중심 텍스트 정렬을 제거
당신은 어디에서 왼쪽 정렬을 알 수 있습니까? – PeeHaa
원하는 결과가 무엇입니까? –
'.widget-content {text-align : left; }' – Orangepill