弹性布局实现居中布局
1. 前言
弹性布局 已经成为移动端最流行的布局方式之一了,本小节我们将会使用弹性布局的方式来实现我们的居中布局。
2. 实例代码
运行结果:
3. 小结
如果对弹性盒子不太了解的直接记住这俩要点即可:
- 父元素:
display: flex;
- 子元素:
margin: auto;
下一小节我们来讲一讲表格布局,顺便为了降低大家的学习成本,为大家推荐一个需要重点练会的布局,其他布局作为了解即可。
本文来自互联网用户投稿,不拥有所有权,该文观点仅代表作者本人,不代表本站立场。
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站,邮箱:80764001@qq.com,予以删除。
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站,邮箱:80764001@qq.com,予以删除。