前端页面的居中问题

垂直居中

1、设置子块元素的line-height的高度为父元素的高度就可以
2、如果子元素为行内元素，可以将子元素display设置为block

水平居中

直接设置   text-align: center; /*决定行内元素 实现文字的水平居中*/

设置div的高度为100%

div高度通常都是固定值，直接将div高度设为100%是无效的，那么如何设置才能有效呢？

1、直接给div设置height：100%即可，无效的原因一定是父元素的高度为0，
2、最常见的就是给body的直接元素设置height：100%无效，
3、修改办法就是设置html,body{height:100%}，这两个元素的默认高度是0
4、height:calc(100vh - 0px);