html - 使用 css 创建网格布局

Question

我将使用 CSS 创建一个水平网格布局。（我将通过 JQuery 和此解决方案使其水平滚动。请注意，滚动不是我的问题。我的问题是关于创建网格）

这是一个例子：

我已经在互联网上搜索了有关 CSS Grids 的信息，但似乎他们无法帮助我......

我的问题是，如何创建类似上图的东西？为此我应该使用哪些插件或 css 属性？

编辑：我想要固定的行数（我的意思是，当我调整页面大小时，行数不应该改变。应该有一个滚动条。）（我将在 div 中使用它overflow: auto）

Answer 1

display:table, display:table-row, display:table-cell,display:inline-block

这些 css 属性可以提供帮助，只需在本地 css 信息站点上查找它们即可。

-valuestable让每个元素的行为都像一个表格，而无需实际使用一个表格。这可能是解决您问题的好方法。

-valueinline-block解决了一些浮动布局在块显示为inline时的悬垂问题，就像imgs. 当然，旧浏览器对此几乎没有支持。