CSS布局--Grid网格布局

最新推荐文章于 2024-09-06 11:00:54 发布

小k铁柱

最新推荐文章于 2024-09-06 11:00:54 发布

阅读量399

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/qq_40890601/article/details/107785994

版权

本文介绍了CSS Grid布局的使用，包括容器属性如grid-template-columns/rows、auto-fill、fr关键字、grid-gap等，并探讨了grid-template-areas及justify-items、align-items等定位属性，展示其在创建灵活布局中的强大功能。

摘要由CSDN通过智能技术生成

css 真是越来越丰富多彩了，flex 布局已经够强大了，现在还出现了Grid 网格布局。
so colorful~
做个小练习熟悉一下Grid

		<div class="wrapper">
			<div class="item1">1</div>
			<div class="item2">2</div>
			<div class="item3">3</div>
			<div class="item4">4</div>
			<div class="item5">5</div>
			<div class="item6">6</div>
			<div class