最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css中position:fixed实现div居中
时间：2022-06-25 11:07:48 编辑：袖梨 来源：一聚教程网
上下左右 居中
| 代码如下 | 复制代码 |
|
div{ |
|
如果只需要左右居中，那么把 bottom:0; 或者 top:0; 删掉即可
如果只需要上下居中，那么把 left:0; 或者 right:0; 即可
下面附一个DIV 元素在浏览器窗口居中
其实，实现这个效果并不复杂，利用 CSS 中的 position 定位就可以轻松搞定了。来看看代码吧：
| 代码如下 | 复制代码 |
|
我是在窗口正中央的，呵呵！
|
|
设置的技巧全部在这里：
| 代码如下 | 复制代码 |
|
.dialog{ |
|
设置 position: fixed; _position:absolute;
设置 left:50% 和 top:50%;
设置 margin: -(DIV的offsetWidth/2) 0 0 -（DIV的offsetHeight/2）
效果图
相关文章
- 轻松清除Excel表格前后空字符的三种实用做法 08-26
- 利用图片生成PPT提升演示效果的实用做法 08-26
- 清除Excel表格中的重复项助力数据整洁与专业化 08-26
- 小米ax1800能和谁组网（小米ax1800组网方法） 08-26
- 借方贷方余额如何通过Excel自动处理提升财务管理效率 08-26
- 如何利用AI软件快速制作高质量的PPT演示文稿 08-26