网格布局实现单列布局

1. 前言

网格其实就是最近比较火的Grid布局,原理就是把父元素分割成一个个的小格子,然后子元素指定自己具体在那个格子上,有点类似于表格布局。

2. 实例代码

运行结果:

图片描述

将父元素分割成类似于表格一样的一个个格子,然后子元素指定自己具体待在哪个格子中:

图片描述

3. 小结

网格布局法十分强大,这里展现的仅仅只是九牛一毛。

下一小节我们将利用行内块元素来进行单列布局。

本文来自互联网用户投稿,不拥有所有权,该文观点仅代表作者本人,不代表本站立场。
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站,邮箱:80764001@qq.com,予以删除。
© 2023 PV138 · 站点地图 · 免责声明 · 联系我们 · 问题反馈