css - CSS 列数 最初に行をロード

Question

こんにちは、私は css が初めてで、次のコードを使用して画像を垂直方向ではなく水平方向にロードする方法がわかりません。

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

私が得るものはこのように見えます

ただし、最後の画像が 2 列目に表示され、最後から 2 番目の画像がその場所に保持されるようにしたいと思います。言い換えれば、列よりも先に行を埋める必要があります。これどうやってするの？

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%;    
}

これは役に立ちますか教えてください