1、已知宽度的元素居中
思路：居中元素父级设置相对定位，居中元素绝对定位，距离顶部 top:50%，左边left:50%，经过margin-top、margin-left等于负的居中元素宽高的一半。
.box{position:relative;width:200px;height:300px;}
.a{position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-100px;}
2、未知宽度的元素居中
思路：居中元素父级设置相对定位，居中元素绝对定位，距离顶部 top:50%，左边left:50%，而后运用css
3 transform:translate(-50%; -50%)使元素居中。
.box{position:relative;width:200px;height:300px;}
.
发表于 2024-6-30 09:45:27
