我希望我的网格像这样垂直填充：
1 4 7 2 5 8 3 6 9 ... arbitrary number of additional rows.
相反，它会像这样水平填充：
1 2 3 4 5 6 7 8 9
我想指定网格中的列数，而不是行数。
这就是我的 div 使用内联 CSS 样式的样子：
<div style="display:grid; grid-template-columns:1fr 1fr 1fr;"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> </div>
网格的宽度必须为 3 列，这一点很重要，但我希望项目按列填充，而不是按行填充。这在 CSS 网格中可能吗？我已通读此 https://css-tricks.com/snippets/css/complete-guide-grid/ 但没有看到任何有关顺序的内容。
CSS Flexbox 有 flex-direction，CSS Grid 没有类似的属性吗？
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1
1102
收藏
