水平垂直居中的一点小心得

[minbaowang]

###水平垂直居中的一点小心得（笔者忽略定位居中，可自行了解）
//本文有点初级，大佬就别点进来看了，适合新手看这个攻略
##水平居中

1、text-align的用法

//新手最容易犯的小错误：没有清楚的认识到text-align只能用在行内元素上
text-align:center;//行内元素才能用

2、margin:0 auto;

//而在块级元素中，一般要居中某个元素，用margin:0 auto;
margin:0 auto;//块级元素用

3、justify-content:center;;

//而在响应式布局中，一般要居中某个元素，用justify-content:center;
display:block;
justify-content:center;//两句必须同时用

##垂直居中

1、line-height:height;和vertical-align:middle;
2、响应式布局flex下的垂直居中:align-items：center

display:flex;
align-items：center//写在父元素上，这样子元素才会居中