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 的付出，如果出现错误，希望大家共同指

更新这篇blog的目的是为了帮助想学习前端却不知从什么地方学起，不知道该学什么的同学快速进军前端的基本路线。