如何在100%宽度的div中水平居中定位绝对定位的元素?

如何在100%宽度的div中水平居中定位绝对定位的元素?,第1张

如何在100%宽度的div中水平居中定位绝对定位的元素?

如果要在左属性上居中对齐。 对于顶部对齐,同样可以使用margin-top:(div的width / 2),概念与left属性相同。
将标头元素设置为position:relative很重要。
尝试这个:

#logo {    background:red;    height:50px;    position:absolute;    width:50px;    left:50%;    margin-left:-25px;}

如果您不想使用计算,可以执行以下 *** 作:

#logo {  background:red;  width:50px;  height:50px;  position:absolute;  left: 0;  right: 0;  margin: 0 auto;}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5014547.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-14
下一篇 2022-11-15

发表评论

登录后才能评论

评论列表(0条)

保存