CSS列计数首先加载行数

Question

嗨，我对css不熟悉，我无法弄清楚如何使用以下代码水平加载图像而不是垂直

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

我得到的是这样的

但是我喜欢这样，以便最后一张照片显示在第二列，然后倒数第二张照片就会保留在原来的位置。换句话说，我希望在列之前填充行。我怎么能这样做？

Answer 1

你可以试试这个。

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是这样的，你可以改变ul元素的宽度。

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

告诉我这是有用的