css居中完全指北
时间：2023-04-05 20:08:30
HTML5
css的水平和垂直居中问题太普遍了。更常见的是将一行中的单行文本水平居中排列。要解决，当然flex方法也可以适当的做Multi-linetextxxxxxx
.container{display:table;}.center{显示：表格单元格；vertical-align:middle;}块级元素水平垂直居中，宽高可变，常用解决方案flex方法display:flex;证明内容：居中；对齐项目：居中；transform方法50%是相对于父元素的移动，translate是相对于自身宽高的移动，两者共同作用使得偏移正确位置:absolute;top:50%;left:50%;transform:translate(-50%,-50%)tablelayout.parent{display:table-cell;文本对齐：居中；vertical-align:middle;}.child{display:inline-block;在width和height的情况下，margin负值方案和方案2类似，这里margin负值是用来处理元素本身的偏移width:100px;height:100px;position:absolute;top:50%;left:50%;margin:-50px00-50px;absolutelayouttopleftrightbottom的方式是相等的，不能是0width:1px；高度：1px；位置：绝对；顶部：0；左：0；右：0；底部：0；保证金：自动；
