方法一：使用margin: 0 auto;（只适用于子盒子有宽的时候）
方法二：text-align + display（子盒子有或没有宽度的时候都适用）
方法三：position 定位（只适用于子盒子有宽度和高度的时候）
方法四：position + transform（子盒子有或没有宽高的时候都适用）
方法五：flex 布局（弹性布局）（子盒子有或没有宽高的时候都适用）
层叠样式表(英文全称：Cascading Style SHEets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
名称CSS中的“层叠（cascading）”表示样式单规则应用于HTML文档元素的方式。具体地说，CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定，从而实现级联效果。
如果图片左浮动并且"display:inline"时，只要给图片设置一个"text-align:center"属性，就解决了水平居中。使用display:table-cell和设置了display:inline-block的线合span，这样就解决垂直居中。
可以用“text-align”属性和“line-height”属性。
1、如图，我们创建一个盒子，然后中间输入文字信息
2、当我们对盒子添加了边框颜色后，浏览器效果如图所示，文字在左侧第一行位置
3、想要文字居中，可以输入text-align 这个文字的对齐样式了，然后在属性中输入center中间的意思，就是将文字在水平位置居中
4、如图，这样就是文字在水平位置上的居中了
6、如图，最后的效果就是这样的了。