你现在的位置是:当前位置: 首页 >


前端 css 中的 Grid 属性有哪些?

更新时间:2025-06-24 17:50:12

前几天写了一篇Flex布局详解,这里再讲讲和它类似的Grid布局,也是时常会用到的一种布局方式。

Flex布局常用在单行/单列排列的这种一维场景下,比如 导航栏,而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。

更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码,关注我和我一起学前端~一、Grid布局基础概念 Grid 布局(网格布局)是 CSS 中一种二维布局模型,允许开发者通…。

前端 css 中的 Grid 属性有哪些?

案例推荐

case recommendation
  • 为什么有人爱 Firefox 胜过 Chrome 呢?

    查看案例

  • 眼睛的飞蚊症,能够康复吗?

    查看案例

  • 你卡过最厉害的bug是什么?

    查看案例

  • 有没有一款音乐播放器,能连接nas音乐,创建音乐库,自动匹配歌词封面等等?类似infuse的概念呢?

    查看案例

  • Redis 分布式锁如何实现?

    查看案例

  • 60×40×50 的鱼缸,请问有什么样的过滤器好用呢?

    查看案例

  • 为什么情侣在一起旅行后容易分手?

    查看案例

  • 创业公司是否应该使用 Rust ?

    查看案例