对齐最后的div元素

时间:2014-11-11 14:28:32

标签: html css

我尝试使用text-align-last属性对齐最后的 div 元素/元素,但它不起作用。我的中心有很多 divs ,但是我的页面在每个分辨率上都不同,所以我无法控制元素是否完美,并且它们都不会单独在最后一行,这就是为什么我想把它们对齐到左边。

小提琴:http://jsfiddle.net/ecn8c0pt/

我的网站图片:

2 个答案:

答案 0 :(得分:0)

尝试在CSS中添加样式,如下所示:
float:left; min-width: 200px; max-width: 200px;
并尝试修复包装width标记的div 例如:
.wrapper { width:1000px; }
参见示例DEMO,并在控制好运时尝试预测宽度!

答案 1 :(得分: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;
}