在网页开发中,布局是非常重要的,而居中是相对常见的一种布局方式。本文将介绍如何使用CSS让网页中的所有元素完全居中。首先,设置一个大容器来包含所有的元素,这个容器设置居中方式为flex布局的两个属性:
.container { display: flex; justify-content: center; }
p { text-align: center; }
img, div { margin: auto; }
span { display: inline-block; vertical-align: middle; }
.container { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
粉丝
0
关注
0
收藏
0