gpt4 book ai didi

css - windows metro 风格的布局可以用 flexboxes 重现吗?

转载 作者:行者123 更新时间:2023-11-28 08:41:24 24 4
gpt4 key购买 nike

enter image description here

这种类型的布局可以使用非嵌套的 flex 盒子来实现吗?

我知道 flex-wrap 会让盒子在不适合的情况下放在下一行,但是我怎样才能像上面的屏幕截图一样获得高度可变的盒子,而不需要嵌套更多 flex 盒子?

最佳答案

是的,使用一些普通的基于 CSS float 的网格,可以创建像这样的四四方方的布局。例如参见 this examplehow the author did it .

MS 还向 W3C 提出了一个名为“CSS Grid Layout”的标准,在 MSDN 中进行了描述。 .它允许在没有 flexbox 支持的情况下创建这样的布局。它从未在 IE 之外被采用,但如果你只需要关心 IE,你可以使用它。

关于css - windows metro 风格的布局可以用 flexboxes 重现吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27171016/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com