行内元素和块级元素居中方法

行内元素和块级元素居中方法

我也是初学者，希望大家可以一起分享一下学习经验，下面这些居中方法也是我前几天了解到的，很多种居中的方法。
^ ^

htmlcss

**

行内元素居中

**
这个方法就是通过text-align:center设置水平居中，line-height=等于行内元素所在块级元素的行高来实现垂直居中。

**

块级元素实现水平垂直居中

**
1.定位通过定位 子绝父相

2.定位
这个我没有接触过 最近学习一下

3.定位+transform
这个我用的比较多

4.定位+margin

这个也是太绝了。。。

5.给父盒子设置一个padding值
这个方法可能需要自己根据父盒子和子盒子的宽高计算一下 剩余的空间然后上下分配 左右分配。因为这里是正方形，所以宽高是一样的，但是在宽高不相等的情况下 就需要padding：x，y; 上下 左右 两个值。

6.flex
学习过flex布局的小伙伴们应该都懂 我表达的不太好，所以没学习flex的同志们学完之后应该就懂了。。 我就不在这里误导大家了

7.大概就这些吧 方法应该还有很多 大家可以多多分享 谢谢~~