时间:2021-07-01 10:21:17 帮助过:34人阅读
需要注意的是,这是按照预想情况也能在工作在IE6-7下的唯一方法。
CSS Code复制内容到剪贴板
.is-Negative { width: 300px; height: 200px; padding: 20px; position: absolute; top: 50%; left: 50%; margin-left: -170px; /* (width + padding)/2 */ margin-top: -120px; /* (height + padding)/2 */ }
好处:
浏览器兼容性非常好,甚至支持IE6-7
需要的编码量很少
同时注意:
这是个非响应式的方法,不能使用百分比的大小,也不能设置min-/max-的最大值最小值。
内容可能会超出容器
需要为padding预留空间,或者需要使用box-sizing: border-box样式。
更多CSS中使用负margin值来调整居中位置相关文章请关注PHP中文网!