1.水平居中系列的inline或inline-*elements.center-children{text-align:center;}inline,inline-block,inline-table,inline-flex等都是有效的块级元素.center{margin:0自动；}多个块级元素使用inline-block和text-align或者使用flex2.垂直居中系列inline或inline-*元素1.单行：上下添加相等的内边距。链接{padding-top:30px;填充-底部：30px；}2。多行：//可以模拟一个表格。中心表{显示：表；}.中心表子{显示：表单元格；vertical-align:center;}//可以使用flexbox.flex-center-vertically{display:flex;证明内容：居中；弹性方向：列；高度：400px；块级元素知道块级元素的高度。父母{位置：相对;}.child{位置：绝对；顶部：50%；高度：100px；边距顶部：-50px；框大小：边框框；*/}不知道块级元素的高度。父母{位置：相对;}.child{位置：绝对;顶部：50%；变换：翻译Y(-50%)；}使用flexbox.parent{display:flex;弹性方向：列；证明内容：居中；}三、居中（纵横）固定宽高.parent{position:relative;}.child{width:300px;高度：100px；填充：20px；位置：绝对；顶部：50%；左：50%；margin:-70px00-170px;}不知道广度和高度.parent{position:relative;}.child{position:absolute;顶部：50%；左：50%；transform:translate(-50%,-50%);}使用flexbox.parent{display:flex;证明内容：居中；对齐项目：居中；}
