如何让一个DIV 居中在网页的中心
来源:互联网 发布:淘宝宝贝图片下载器 编辑:程序博客网 时间:2024/05/21 17:15
首先需要position:absolute;绝对定位。
而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。
如:一个层宽度是400,高度是300。 使用绝对定位距离上部与左部都设置成50%。 而margin-top的值为-150。 margin-left的值为-200。这样我们就实现了层垂直居中于浏览器的样式编写。
div {position:absolute;top:50%;left:50%;margin:-150px 0 0 -200px;width:400px;height:300px;border:1px solid #008800;}
<div style="position: absolute; top: 50%; left: 50%; margin: -300px 0 0 -400px; width: 800px; height: 600px; border: 1px solid #008800;"> </div>
阅读全文
0 0
- 如何让一个DIV 居中在网页的中心
- 如何让一个div在当前窗口垂直居中
- 如何让一个div垂直水平居中
- 让一个div在页面底下,居中
- 如何让DIV在body中居中
- 如何让img在div中居中
- HTML+CSS基础 margin 让一个div块在网页中左右居中显示
- 如何让div居中
- 如何让DIV居中?
- 如何让图片在div里左右居中,上下居中
- 如何让div水平居中以及垂直居中,在宽高不定的情况下
- 如何让网页div图层居中显示
- 如何让DIV和table和网页居中显示
- 如何让DIV和table和网页居中显示
- 如何让一个div中嵌套的div上下左右都居中
- 采用CSS让DIV在网页中水平垂直居中
- css让div在整个网页水平、垂直居中解决方法
- 如何让子div在父div中水平居中?
- 【善用工具】利用Putty Tunnel从外部访问内网机器上的虚拟机
- 删除链表中的重复元素II
- 【Python学习系列五】Python网络爬虫框架Scrapy环境搭建
- BZOJ 1399 Win
- 149. Max Points on a Line
- 如何让一个DIV 居中在网页的中心
- JVM性能监控和故障处理工具
- HTTP协议
- FreeRTOS学习1--任务挂起与恢复
- CSUOJ nineteen thirteen One big silly dragon gives gifts out 线段树 二分 转化
- java中SocktTCP相关案例
- 磁盘调度 C语言实现
- 【LeetCode】48. Rotate Image
- POJ 1923 Fourier's Lines 笔记