1)使用flex.wrap{display:flex;证明内容：居中；对齐项目：居中；}2)使用定位和边距.wrap{position:relative;}.item{位置：绝对；顶部：0；右：0；底部：0；左：0；保证金：自动；}3)利用定位和移动子元素的位置来实现.wrap{position:relative;}.item{位置：绝对；顶部：50%；左：50%；转换：翻译（-50%，-50%）；}/*另一个*/.item{position:absolute;顶部：100px；左：100px；}/*另一个*/.item{position:absolute;顶部：50%；左：50%；边距顶部：-50px；左边距：-50px；}4)使用display和vertical-align进行垂直居中。wrap{display:table-cell;垂直对齐：中间；}.item{保证金：0自动；}5)使用padding使其居中。包装{填充：99px;框大小：边框框；}两列布局两列布局：左边固定，右边自适应/*CSS*/body{边距：0;}.left{宽度：100px；高度：500px；背景颜色：浅天蓝色；}.right{高度：600px；背景色：黄绿色；}