大佬的博客:https://css-tricks.com/centering-css-complete-guide/
总结
居中显示用flex,无论是行内元素还是块级元素,一次性解决水平和垂直居中!
.styleTest{
display: flex;
//水平居中
justify-content: center;
//垂直居中
align-items: center;
}
但flex在IE11也只是部分兼容。
大佬的博客:https://css-tricks.com/centering-css-complete-guide/
居中显示用flex,无论是行内元素还是块级元素,一次性解决水平和垂直居中!
.styleTest{
display: flex;
//水平居中
justify-content: center;
//垂直居中
align-items: center;
}
但flex在IE11也只是部分兼容。