CSS列数加载行首先

嗨，我是一种新的CSS，我无法弄清楚如何用下面的代码加载水平的图像，而不是垂直CSS列数加载行首先

-moz-column-count: 3; 
-webkit-column-count: 3; 
column-count: 3; 
list-style-type: none; 
-webkit-padding-start: 0px;

我得到什么样子这

enter image description here

但是我想它，这样的最后一张照片是在第二列中显示，然后倒数第二个画面只是不停地在哪里。换句话说，我想在行之前填写行。我怎样才能做到这一点？

2013-06-05 user577732

可以创建http://jsfiddle.com你的榜样？ – outcoldman

http://jsfiddle.net/9VJcz/谢谢 – user577732

为什么不使用浮动左或内嵌块，如下所示：http://jsfiddle.net/kBKyg/ –

你可以试试这个。

的HTML

<ul> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
    <li>5</li> 
    <li>6</li> 
    <li>7</li> 
</ul>

和CSS是这样，你可以更改UI元素的宽度。

ul{ 
    width:100%; 
} 
ul li{ 
float:left; 
width:30%;  
}

告诉我，这是有益的

2013-08-23 11:10:03

回答