增光添彩

1. 前言

单列布局是实现了,但是列里面通常都会放些什么呢?

一般来说列里面就都会放一些宽度和列相等、而高度随意的行,这里我们使用 chinese-gradient 来进行颜色的填充并且拿之前讲过的 外边距法 来举例。

2. 实例代码

运行结果:

图片描述

要点就是在居中布局的那个盒子里面放置一堆子元素,然后宽 100% 充满父元素,这就相当于一行了,再设置一些合适的边距,使其不至于过分拥挤。

3. 小结

看了这么多种实现方式,估计基础不好的小伙伴打算关掉电脑、放弃前端了。 那么下一小节就是最激动人心的指点明路,我会为你推荐一种最常用的方案,其他方案作为了解即可。

看完了该小节,我们已经对单列布局的各种实现方式都有所了解。具体的实现方式还要根据所处的环境择优使用。
下一章我们介绍一下移动端布局中的双列布局。

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