从css入门就开始接触,无所不在的,一直备受争议的居中问题。
css居中分为水平居中和垂直居中,水平居中方式也较为常见和统一,垂直居中的方法就千奇百怪了。

博客原文地址:Claiyre的个人博客 https://claiyre.github.io/
如需转载,请在文章开头注明原文地址

本文一下代码中 .outer是父元素的类名,.inner块级代表子元素,span代表行内子元素

水平居中

1. 行内元素的水平居中

直接设置其父元素

.ourter{text-align: center;
}


不管有几个行内元素,一行代码即可搞定,so easy~

2. 块级元素的水平居中