html元素垂直和水平居中
时间：2023-03-30 18:55:38
CSS
1.不定宽高元素的水平垂直居中1.transform:translate()水平垂直居中
.wrapper{背景色：#eee；高度：200px；}.center{位置：相对；宽度：300px；填充：10px20px；背景色：#2c3e50；颜色：#fff；左转：50%；迟到（形式：50%；-50%，-50%）；}缺点：IE9以下不兼容2.Flex布局，使用justify-content和align-items实现居中
水平和垂直居中 .wrapper{高度：200px;背景色：#eee；显示：弹性；证明内容：居中；对齐项目：居中；}.center2{位置：相对；宽度：300px；填充：10px20px；背景色：#2c3e50；颜色：#fff；}3、使用table+table-cell实现垂直居中，display:inline-block；或保证金：自动；实现水平居中
水平垂直居中 