div 요소/요소를 text-align-last
속성을 사용하여 정렬하려했지만 작동하지 않았습니다. 내가 많이 divs 센터에 있지만 내 페이지가 각 해상도에 따라 다를 수 있기 때문에 요소가 완벽하게 될 것인가 제어 할 수 없으며 마지막 줄에 혼자만있을 것입니다. 그래서 그것들을 정렬하고 싶습니다. 왼쪽.마지막 div 요소 정렬
바이올린 : 내 사이트의 http://jsfiddle.net/ecn8c0pt/
사진 :
div 요소/요소를 text-align-last
속성을 사용하여 정렬하려했지만 작동하지 않았습니다. 내가 많이 divs 센터에 있지만 내 페이지가 각 해상도에 따라 다를 수 있기 때문에 요소가 완벽하게 될 것인가 제어 할 수 없으며 마지막 줄에 혼자만있을 것입니다. 그래서 그것들을 정렬하고 싶습니다. 왼쪽.마지막 div 요소 정렬
바이올린 : 내 사이트의 http://jsfiddle.net/ecn8c0pt/
사진 :
시도 이와 같은 당신의 CSS 스타일을 추가 :
float:left; min-width: 200px; max-width: 200px;
과 포장 div
태그의 width
를 해결하려고
에 대한 예 :
.wrapper { width:1000px; }
예를 들어 DEMO와 너를 제어하면 행운을 예측하려고 지금!
다음 CSS를 추가하면 작동합니다.
http://jsfiddle.net/ecn8c0pt/1/
#gallery h2{
margin: 0;
height: 80px; /*Added height for the Heading */
font-size: 1.1em;
font-weight: 300;
color: #33CCFF;
}
.project{
display: inline-block;
margin: 0 15px 40px;
width: 156px; //To show in jsfiddle i reduced the width.
text-align: left;
float: left; //MUST CHANGE: Once you align left it will automatically float to left. Also the number of count per row will depends on the window width and div width.
}
.project .thumbnail{
width: 156px;//To show in jsfiddle i reduced the width.
height: 144px;
border-radius: 3px;
}
은 자세한 내용은, 코드, 바람직하게는 jsfiddle을 제공합니다! – Refilon
이 div에 부동 소수점을 추가 하시겠습니까? – Stefan
부모 div가 넓어서 얼마나 많은 div 요소가 페이지에 정확하게 들어 가지 않을지 모르기 때문에 간단하지 않습니다. –