[CSS/Html] Position:absolute居中的方法

3123 主题	3525 帖子	14万金币

Rank: 8 Rank: 8

电梯直达

1^#

发表于 2023-6-8 17:37:53 | 只看该作者回帖奖励

div设置了Position:absolute属性后使用普通的margin-left: auto;margin-right: auto;是做不到居中的，可以使用以下方式方法来实现：

1.绝对居中：

复制代码

问题：元素水平和垂直方向均为居中，如果只需一个方向居中，需要修改另一个方法的位移，考虑到分辨率等因素，不好调整。

2.水平居中：

复制代码

问题：适合固定宽度元素，另外当浏览器宽度小于元素宽度时，效果与”margin: 0 auto;”有明显差异

分享到: QQ好友和群 QQ空间 腾讯微博 腾讯朋友

GMT+8, 2024-12-4 02:40 , Processed in 0.103498 second(s), 24 queries .

带宽由 锦尚数据 提供专业的数据中心

		自动登录	找回密码
密码			会员注册