화면 크기를 조정하면 div
s가 반응하고 이동합니다. 오른손 div가 아래로 떨어지면 화면 오른쪽에 공간이 남습니다. 모든 div
s가 왼쪽에 머 무르지 않고 자동으로 중앙에 배치 되기를 바랍니다.
설명을 돕기 위해이 JSFiddler를 만들었지 만 메시지와 함께 게시 할 수 없습니다. 아래에 게시됩니다.
도움이 필요하세요?
플로트와 센터링을 사용하는 것은 매우 어렵습니다. display:inline-block
대신 사용 text-align:center
하고 래핑 부모에 추가하십시오 .
수정 된 CSS
#wrapper {
max-width: 900px;
margin: 0 auto;
text-align:center; /* add this */
}
.box-container {
background: none repeat scroll 0 0 #FFFFFF;
//float: left; /*tremove this */
display: inline-block; /* add this */
margin: 50px 5px 50px;
overflow: hidden;
position: relative;
width: 185px;
box-shadow: 0px 0px 5px #BBBBBB;
text-align:center;
text-decoration: none;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다