중앙 집중화는 사업부 컨테이너이 질문은 중복되지 않는 모든

Question

최초의 항목을 떠, 중복 당신이 질문을 이해까지를 표시하지 마십시오

내가해야 컨테이너 div의 내부에 떠 항목이 중앙 집중식. 항목이 어떻게 보이는지 float: left

대부분의 사람들이 컨테이너의 항목에 대한 display:inline-block 및 text-align: center을 적용하는 일을 할 것에 동의합니다 적용 할 때 이다. 그러나 결과를 보라. :(

내 문제는 항목의 마지막 행으로, 그것은이 왼쪽으로 떠되어야한다. 내가 인라인 블록의를 중앙 집중화하고 부동의 장점을 결합한 솔루션 필요 같은 시간에,이 가능하다?

.post-item { 
 
    float:left; 
 
    margin:10px; 
 
    width:100px; 
 
    height:120px; 
 
    overflow: hidden; 
 
    position: relative; 
 
    background-color: #e9eaed; 
 
    border: 1px solid #ff917b; 
 
} 
 
.grid-view{ 
 
    float: left; 
 
    background-color: white; 
 
\t margin: auto; 
 
} 
 
.list-container{ 
 
    float: left; 
 
    background-color: #444444; 
 
    padding: 20px; 
 
}

<div class="list-container"> 
 
    <div class="grid-view"> 
 
    <div class="post-item"> 
 
    </div> 
 
    <div class="post-item"> 
 
    </div> 
 
    <div class="post-item"> 
 
    </div> 
 
    <div class="post-item"> 
 
    </div> 
 
    <div class="post-item"> 
 
    </div> 
 
    <div class="post-item"> 
 
    </div> 
 
    <div class="post-item"> 
 
    </div> 
 
    </div> 
 
</div> 
 
    
 
    
 

Answer 1

내가 .list-container 컨테이너 가정 모든 이미지에 대해 그리고 그룹을 중심으로 이미지를 원하지만 각 개별 이미지는 float : left이어야합니까?

때문에, 단지 .list-container에서 float : left을 제거하고 다음의 몇 가지 배열이있는 경우 :

이 세

.list-container{ 
    margin: 0 auto; 
    display: block; 
    width: auto; 
} 

이 필요 응답하여 컨테이너를 중앙에 있습니다. float : left으로 개별 이미지를 남기는 것이 좋습니다.