如何让绝对定位的元素水平居中_html/css_WEB-ITnose
程序员文章站
2022-05-20 09:06:25
...
如何让绝对定位的元素水平居中:
本章节介绍一下如何让一个绝对定位的元素实现水平居中效果,希望能够给需要的朋友带来一定的帮助。
如果一个块级元素没有采用绝对定位,那么使用margin:0px auto就可以实现此效果,但是对于采用绝对定位的元素并不适用,下面就介绍一下如何实现此效果,代码如下:
本章节介绍一下如何让一个绝对定位的元素实现水平居中效果,希望能够给需要的朋友带来一定的帮助。
如果一个块级元素没有采用绝对定位,那么使用margin:0px auto就可以实现此效果,但是对于采用绝对定位的元素并不适用,下面就介绍一下如何实现此效果,代码如下:
蚂蚁部落
以上代码实现了我们的要求,代码非常简单,就是一个比较简单的数学问题,设置了left:50%之后,是元素的左上角水平对齐了,但是并不是元素的中心点水平对齐,这样再采用margin-left方式设置一个负的外边距,值恰好是元素宽度的一半。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13622
更多内容可以参阅:http://www.softwhy.com/divcss/
推荐阅读
-
老板的手机收到一个红包,为什么红包没居中?如何让一个元素水平垂直居中?
-
如何让浮动的元素水平居中
-
如何让下图中的红色部分(span)内的文字相对于红色部分竖直方向上居中呢?源代码如下,图在第二楼_html/css_WEB-ITnose
-
如何让父元素自适应子元素的大小?_html/css_WEB-ITnose
-
如何让父元素自适应子元素的大小?_html/css_WEB-ITnose
-
如何让Div始终保持水平居中或者垂直居中_html/css_WEB-ITnose
-
【干货】:如何让元素水平排列?_html/css_WEB-ITnose
-
css让浮动元素水平居中_html/css_WEB-ITnose
-
CSS设置行内元素和块级元素的水平居中、垂直居中_html/css_WEB-ITnose
-
如何用css实现元素水平与垂直居中_html/css_WEB-ITnose