元素垂直水平居中。
经常会被面试官问到如何把元素水平垂直居中？给大家演示一下。
·看一下div，首先div可以水平垂直居中，需要有固定的宽度、高度，还有背景颜色，识别它。
·怎么样去做？直接来给大家写了，这个就不用多解析了，用绝对定位，设置高度为50%，左边为50%。这个时候就把div的左上方的点设置到了整个屏幕的中间。
·怎么样把元素垂直居中？其实有一个最简单的方法，就是用margin-left设置成，因为它的宽度是400，所以变成-200px。再把margin-top设置为-200px，元素就会垂直水平居中了。
·当然不会这样写，正式写的时候更多的是用transform这个方法，这个属性要用translate，用-50%就可以了。
再来看一下，OK。以后再去面试遇到这类型的题目的时候，希望可以很直白地说出这样的具体方式。具体代码已经放在《面试宝典》里面了，里面还有300多道题目，都是在腾讯、阿里当前端面试官时候陆续整理下来的，有需要同学可以直接点击链接去购买。
觉得有用的同学可以点赞收藏，反复观看，也欢迎在评论区留言，关注我，一起走进不一样的前端世界。