CSS元素自动列出垂直,列数:4,行数:N

时间:2019-01-25 19:24:48

标签: html css grid-layout

问题:
element1 elementN+1 element2N+1 element3N+1
element2 elementN+2 element2N+2 element3N+2
. . . .
. . . .
. . . .
elementN element2N element3N element4N
我的CSS代码。 HTML
<ul>
<li>element1</li>
<li>element2</li>
<li>element3</li>
<li>element.</li>
<li>element.</li>
<li>element.</li>
<li>element4N</li>
</ul>
CSS
ul {float:left;}
ul li {float:left; min-width: 250px;}
结果:
element1 element2 element3 element4
element5 element6 element7 element8
. . . .
. . . .
. . . .
element4N-3 element4N-2 element4N-1 element4N

我尝试使用显示网格(ul标签),但是它需要自动计数的行数。
display: grid; grid-auto-flow: column; grid-template-rows: repeat(35, 1fr);

我想知道是否有可能仅通过CSS来做到这一点。

0 个答案:

没有答案