弹性布局实现单列布局
1. 前言
弹性布局已经成为移动端最流行的布局方式之一了，还不了解的同学赶快去了解一下吧！本节我们就以弹性布局的方式实现单列布局。
2. 实例代码
运行结果：
3. 小结
如果对弹性盒子不太了解的直接记住这几个要点即可：
- 父元素设置 display: flex ；
- 水平方向属性为 justify-content ；
- 垂直方向属性为 align-items ；
下一小节我们来讲一下绝对定位 + 平移来实现单列布局。
本文来自互联网用户投稿，不拥有所有权，该文观点仅代表作者本人，不代表本站立场。
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏，以及其他非商业性或非盈利性用途，但同时应遵守著作权法及其他相关法律的规定，不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容，请及时通知本站,邮箱：80764001@qq.com，予以删除。
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏，以及其他非商业性或非盈利性用途，但同时应遵守著作权法及其他相关法律的规定，不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容，请及时通知本站,邮箱：80764001@qq.com，予以删除。
