1，水平居中：行内元素 把行内元素放在一个属性块（display：block）元素中，然后设置父层元素属性居中： .test { text-align:center; } 2，水平居中：块状元素 设置外边距 .test { margin: 100px auto; } 3，水平居中：多个块状元素 把块状元素属性（display：inline-block），然后设置父层元素属性居中： .test { text-align:center; } 4，水平居中：多个块状元素（flexbox布局实现） 把块状元素的父元素属性 display:flex和justify-content:center，如下设置： .test { text-align:center;

最近在整理 CSS 的时候发现遇到了很多面试中常见的面试题，本部分主要原作者在 Github 等各大论坛收录的 CSS 相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，对大家对 CSS 的可以来一次全方位的检漏和排查，感谢原作者 CavsZhouyou 的付出，如果出现错误，希望大家共同指

在前端开发过程中，盒子居中是常常用到的。其中 ，居中又可以分为水平居中和垂直居中。水平居中是比较容易的，直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。

在今年春招的时候，有幸面试了小米以及好未来前端工程师的实习岗位，运气也比较好，都成功的拿到了实习的offer。下面是总结的我面试所复习以及面试过程中遇到的一些面试点

1. 为什么css需要放在头部？ 2. js为什么要放在body后面？ 3. 图片的加载和渲染会阻塞页面DOM构建吗？ 4. dom解析完才出现页面吗？ 5. 首屏时间根据什么来判定？

精心整理【 前端全套视频】视频资料分享给大家，时间有限，快快领取吧。 6套精彩学习课程，主力你的前端学习一臂之力。

看别人的博客总是花里胡哨，早已羡慕不已，花了点时间整理了下自己博客园的背景