在CSS中使用负边距值来调整中心位置。

在CSS中使用负边距值来调整中心位置。
本文主要介绍CSS中利用负边距调整中心位置的方法。同时指出了这种常用方法的一些值得注意的方面。需要帮助的朋友可以参考它。
这可能是最常用的中介方法.如果知道每个元素的大小,设置负边距值等于宽度和高度的一半(如果不使用框大小:边框框样式,则需要添加填充值),然后与顶部:50%;左:50%;样式将集中块元素。
需要注意的是,这是工作在ie6-7预期才重要。

CSS代码将内容复制到剪贴板。
{为负
宽度:300px;
身高:200px;
填料:20px;
位置:绝对;
顶部:50%;左:50%;
margin-left: - 170px(宽+填料); / * / / 2
边距:- 120px(高度+填料); / * / / 2
}

效益:

浏览器的兼容性很好,甚至支持ie6-7
所需的编码量非常小。

同时,要注意:

这是一个非响应的方法,不是一个百分比的大小,也不是最大最小值的最大值—。
内容可能超出容器。
您需要为填充预留空间,或者您需要使用框大小:边框框样式。

tag:边距位置调整中心电脑软件

相关内容