php元素水平对齐,让一个元素垂直水平居中的三种方法

第一种方法:p.box{

weight:200px;

height:400px;

position:absolute;

left:50%;

top:50%;

margin-left:-100px;

margin-top:-200px;

}

*兼容性好;缺点:必须知道元素的宽高

-------------

第二种方法：p.box{

weight:200px;

height:400px;

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%);

}

*这是css3里的样式;缺点:兼容性不好，只支持IE9+的浏览器

---------------

第三种方法p.box{

weight:200px;

height:400px;

position:absolute;

left:0;

right:0;

top:0;

bottom:0;

margin:auto;

}

*兼容性较好，缺点:不支持IE7以下的浏览器

以上就是让一个元素垂直水平居中的三种方法的内容，更多相关内容请关注PHP中文网(www.php.cn)！

声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理