问题:
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来做到这一点。