使网格单元的高度独立

时间:2019-01-13 20:56:46

标签: css css3 flexbox css-grid flexboxgrid

我想知道是否有人可以在这里帮助我。

我想做的是创建一个3列的网格。

我面临的问题是在设置之后。

.container =>显示:grid和grid-template-columns:repeat(3,1fr)我得到3列,但这些行始终是最高行的高度。

因此,假设我有6个div正在加载其内容。

第2个div的高度为50px,第一行中的其他两个为30px; 50像素之后,第二行将显示4格。

现在,有没有办法使单元的高度独立?也许不使用网格?也许使用Flexbox?

唯一的事情是..我不想为任何东西设置一个固定的高度,它们将根据其内容自动显示。

谢谢!

0 个答案:

没有答案