https://css-tricks.com/center...https://segmentfault.com/a/11...水平居中的子元素是行内元素.center-children{text-align:center;}子元素是块级元素.center-me{margin:0auto;}多个块级子元素.inline-block-center{text-align:center;}.inline-block-centerdiv{display:inline-block;text-align:left;}.flex-center{display:flex;justify-content:center;}垂直居中单行子元素.link{padding-top:30px;padding-bottom:30px;}.center-text-trick{高度：100px;行高：100px；空白：nowrap；//空格不换行；多行子元素.center-table{display:table;}.center-tablep{display:table-cell;vertical-align:middle;}.flex-center-vertically{display:flex;证明内容：居中；弹性方向：列；调整大小：垂直；//可变大小}.ghost-center{position:relative;}.ghost-center::before{content:"";显示：内联块；高度：100%；宽度：1%；vertical-align:middle;}.ghost-centerp{display:inline-block;vertical-align:middle;}块级子元素知道子元素高度。父母{位置：相对ative;}.child{位置：绝对;顶部：50%；高度：100px；边距顶部：-50px；/*如果不使用box-sizing:border-box;元素height.parent{position:relative;}.child{position:absolute;顶部：50%；transform:translateY(-50%);}.parent{display:flex;弹性方向：列；justify-content:center;}水平和垂直居中，知道子元素的宽高。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%);}.parent{display:flex;证明内容：居中；对齐项目：中心；}正文，html{高度：100%；显示：网格；}跨度{边距：自动；}
