水平居中1text-align:center(行内元素)
文本内容
父元素background-color:cadetblue;高度：100px；文本对齐：居中；子元素背景颜色：一枝黄花；2width:fit-content(行内元素)textcontent
父元素background-color:cadetblue;高度：100px；宽度：适合内容；/*适应子元素的宽度*/margin:auto;子元素background-color:goldenrod;3margin:0auto(块级元素)父元素高度：200px；背景：珊瑚；子元素宽度：100px；高度：100px；背景：矢车菊蓝；保证金：0自动；verticalcenter1单行文字垂直居中line-height:父元素高度（行内元素）
文本内容
父元素background-color:cadetblue;高度：100px；子元素background-color:goldenrod;行高：100px；水平垂直居中1定位+变换父元素高度：200px；背景：珊瑚；位置：相对；子元素宽度：100px；高度：100px；50%；transform:translate(-50%,-50%);2position+margin:auto
父元素高度：200px；背景：珊瑚；位置：相对；子元素宽度：100px；高度：100px；背景：矢车菊蓝；位置：绝对；保证金：自动；左：0；顶部：0；div>父元素背景：珊瑚；填充：50px；子元素高度：200px；背景：矢车菊蓝；4flex
父元素背景：绿色；柔性;证明内容：居中；对齐项目：居中；子元素高度：100px；高：100像素；background:gray;5false元素
父元素background:rgb(100,178,197);高度：300px；文本对齐：居中；父元素伪类height:100%;宽度：10px；内容：””;显示：内联块；垂直对齐：中间；-堵塞;vertical-align:middle6calcfunction+padding+background-clip:content-box
父元素背景：rgb(52,93,104);高度：500px宽度：500px子元素高度：100px；宽度：100px；背景：rgb（134、95、43）；填充：计算（（100%-100px）/2）；背景剪辑：内容框；