在CSS中使用负边距值来调整中心位置。
这可能是最常用的中介方法.如果知道每个元素的大小,设置负边距值等于宽度和高度的一半(如果不使用框大小:边框框样式,则需要添加填充值),然后与顶部:50%;左:50%;样式将集中块元素。
需要注意的是,这是工作在ie6-7预期才重要。
CSS代码将内容复制到剪贴板。
{为负
宽度:300px;
身高:200px;
填料:20px;
位置:绝对;
顶部:50%;左:50%;
margin-left: - 170px(宽+填料); / * / / 2
边距:- 120px(高度+填料); / * / / 2
}
效益:
浏览器的兼容性很好,甚至支持ie6-7
所需的编码量非常小。
同时,要注意:
这是一个非响应的方法,不是一个百分比的大小,也不是最大最小值的最大值—。
内容可能超出容器。
您需要为填充预留空间,或者您需要使用框大小:边框框样式。