使用css创建网格布局

Mah*_*asi 3 html css

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

这是一个例子:

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

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

编辑:我想有固定的行数(我的意思是,当我调整页面大小时,行数应该改变.应该有一个滚动条.)(我将在div中使用它overflow: auto)

amo*_*mon 5

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

这些css属性可以提供帮助,只需在您当地的css信息站点上查找即可.

table-值让每个元素都表现得像一个表,实际上并没有使用一个.这可能是您的问题的一个很好的解决方案.

inline-block-value解决了负担问题,飘浮在水上的布局具有与块显示在线,就像img秒.当然,在旧的浏览器中几乎没有这方面的支持.