左右居中:margin:auto;
垂直居中:
1、用display:table;


用完之后感觉不太好用,平时使用不多,如果子元素没有写文本,子元素的宽度将是0,写上文案或者插入图片,跟表格一模一样;
2、决对定位:position:absolute;
position:absolute; left:50%; right:50%; margin-left:width/2; margin-top:height/2;
这种写法兼容性非常好,上面的宽高就是该元素的宽高
还有一种是h5的写法,用到transform,优点不需要写死宽高,移动端非常好用
position:absolute; left:50%; right:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);
网友评论