2014-11-11 2 views
0

div 요소/요소를 text-align-last 속성을 사용하여 정렬하려했지만 작동하지 않았습니다. 내가 많이 divs 센터에 있지만 내 페이지가 각 해상도에 따라 다를 수 있기 때문에 요소가 완벽하게 될 것인가 제어 할 수 없으며 마지막 줄에 혼자만있을 것입니다. 그래서 그것들을 정렬하고 싶습니다. 왼쪽.마지막 div 요소 정렬

바이올린 : 내 사이트의 http://jsfiddle.net/ecn8c0pt/

사진 :

+0

은 자세한 내용은, 코드, 바람직하게는 jsfiddle을 제공합니다! – Refilon

+1

이 div에 부동 소수점을 추가 하시겠습니까? – Stefan

+0

부모 div가 넓어서 얼마나 많은 div 요소가 페이지에 정확하게 들어 가지 않을지 모르기 때문에 간단하지 않습니다. –

답변

0

시도 이와 같은 당신의 CSS 스타일을 추가 :
float:left; min-width: 200px; max-width: 200px;
과 포장 div 태그의 width를 해결하려고
에 대한 예 :
.wrapper { width:1000px; }
예를 들어 DEMO와 너를 제어하면 행운을 예측하려고 지금!

0

다음 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; 
}