源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: Position:absolute居中的方法 [打印本页]

---

作者: 洪七公    时间: 2023-6-8 17:37
标题: Position:absolute居中的方法

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

1.绝对居中：

1. position:absolute;
   
2. top: 0;left:0;right:0;bottom:0;
   
3. margin: auto;

复制代码

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

2.水平居中：

1. position：absolute;
   
2. left: 50%;
   
3. width: 1000px;
   
4. margin-left: -500px;

复制代码

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

---

欢迎光临 源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/)

Powered by Discuz! X3.3