绝对定位水平居中

来源:互联网 发布:小米手机数据误删恢复 编辑:程序博客网 时间:2024/05/16 07:32

当一个DIV的position属性为absolute时,它已经脱离了文档流,margin: 0 auto;规则已经无效,不能让它水平居中了,实现居中两种方法:

①当要居中的DIV宽度一定时可用:left: 50%; margin-left: -(DIV宽度)/2; 来解决;

②当要居中的DIV的宽度不确定的情况下可用:left: 50%; (居中DIV的父DIV)left: -50%; (要居中DIV)来解决,这个需要多在这个DIV外面多加一个DIV;(想想我之前忒傻,用的第一种方法,但div宽度是动态变化的,所以用js去不断获取它的宽度,泪~)


原创粉丝点击