CSS Grid_grid 两端对齐

作者：weixin_40725706 | 2024-03-23 13:47:29

踩

grid 两端对齐

效果更好

Grid

网格布局（Grid）是最强大的 CSS 布局方案。将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。 Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。 Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。 Grid 布局远比 Flex 布局强大。


.box{
	display:grid;
}

行元素使用flex布局；


.box{
	display:inline-grid;
}

<aside>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/295553