当前位置: 首页 > 知识库问答 >
问题:

CSS grid 先列后行 自动调整行数的问题,如何写 css?

东方俊材
2023-11-06

我有若干个div,我用字符代替。我打算分成三列,行数自适应。
当数量是 11 的时候,这样排列

1 5 9 2 6 a3 7 b4 8 

当数量是 8 的时候,这样排列

1 4 72 5 83 6

这样的 css,用 grid 该怎么写呢?或者采用其他方案

共有1个答案

袁炳
2023-11-06

https://stackoverflow.com/questions/44092529/make-grid-container-fill-columns-not-rows

一模一样的问题

核心:grid-auto-flow: column

https://developer.mozilla.org/zh-CN/docs/Web/CSS/grid-auto-flow

Google 关键词:css grid direction

 类似资料:
  • 我正在使用Apache POI将值输入电子表格。这些值有换行符,我能够成功地使用这段代码: 不幸的是,虽然文本包装正确,但行的高度并不总是增长到足以显示内容。如何确保我的行始终保持正确的高度?

  • 目前,我有一个从模型列表中写出CSV文件的方法: 当这写出来时,它在CSV中看起来像这样: 这里没有格式或任何东西,也没有自动调整大小,我想知道BufferedWriter中是否有一些方法可以让你给单元格“Header1”和“Header2”上色,并自动调整大小和居中?或者这是BufferedWriter之外的东西

  • 问题内容: 我正在尝试自动调整工作表的列大小。我正在写文件,最后我尝试调整所有列的大小。 上面的代码不起作用。不更改列大小以适合文本 更新 我正在使用的作家 问题答案: 如果将列设置为AutoSize,PHPExcel会尝试根据列的计算值(基于任何公式的结果)以及格式掩码(例如千位分隔符)添加的任何其他字符来计算列宽。 默认情况下,这是宽度:使用GD时,可以使用一种更准确的计算方法,该方法还可以处

  • 本文向大家介绍如何写个函数在main函数执行前先运行?相关面试题,主要包含被问及如何写个函数在main函数执行前先运行?时的应答技巧和注意事项,需要的朋友参考一下 __attribute((constructor))void before()``{`` ``printf(``"before main\n"``);``}

  • 问题内容: 我在一个网格中嵌套了两个网格。不幸的是,右边的嵌套网格设置行的高度,以使左边和右边的网格都具有相同的高度,额外的空间在class的div之间共享。如何设置右侧嵌套网格的行以调整内容的大小,使其与左侧嵌套行的高度相同? 问题答案: 您可以尝试 参考 您也可以只使用或

  • 我正在用ApachePOI创建一个excel文件,excel已经生成,但我无法根据我发布的代码中的单元格值来调整列 这就是我在excel中创建标题的方式 麻烦你帮我调一下栏目,我是阿帕契坡新手