我尝试使用text-align-last
属性对齐最后的 div 元素/元素,但它不起作用。我的中心有很多 divs ,但是我的页面在每个分辨率上都不同,所以我无法控制元素是否完美,并且它们都不会单独在最后一行,这就是为什么我想把它们对齐到左边。
小提琴:http://jsfiddle.net/ecn8c0pt/
我的网站图片:
答案 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;
}