使用css创建网格布局

Question

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

这是一个例子：

我在互联网上搜索过CSS网格，但似乎他们无法帮助我......

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

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

的div中使用它

Answer 1

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

这些css属性可以提供帮助，只需在您当地的css信息网站上查找。

table - 值使每个元素的行为都像一个表，而不是实际使用一个。这可能是解决您问题的好方法。

inline-block - 值解决了某些浮动布局在显示内嵌时出现的块的悬垂问题，就像img s一样。当然，在旧的浏览器中几乎没有这方面的支持。