整个DIV水平和垂直居中于屏幕
来源:互联网 发布:俄罗斯社交软件 编辑:程序博客网 时间:2024/05/29 16:32
.vertical-center {position:absolute; width:100%; top:50%; margin-top:-150px; height:300px;}原理是:相对于顶部位置50%;这样这个div的最顶端就处于垂直居中的中心线上;然后用margin-top:将div向上移动半个div的高度。就实现了垂直居中。这个原理还适用于水平居中,记住margin的值=div的高度/2 就行了. IE8.FF测试无BUG,前提是你的div的高度不能超过浏览器的窗口,也就说你的页面不能有纵向下拉条!
0 0
- 整个DIV水平和垂直居中于屏幕
- div屏幕水平垂直居中
- div屏幕水平垂直居中
- DIV水平和垂直居中
- DIV水平和垂直居中
- div在整个页面水平居中 垂直居中
- div+css垂直居中和水平居中
- 59、div垂直居中和水平居中
- css让div在整个网页水平、垂直居中解决方法
- div水平垂直居中
- DIV 水平垂直居中
- div 水平垂直居中
- div水平垂直居中
- div垂直水平居中
- div水平垂直居中
- div水平垂直居中
- div水平垂直居中
- div水平垂直居中
- 冒泡排序
- oracle触发器
- HDU - 4803 Poor Warehouse Keeper(贪心)
- MCGS---用户自定义设备驱动
- NT_iOS笔记—iOS图片显示2_某一个界面支持横屏()
- 整个DIV水平和垂直居中于屏幕
- AutoMapper搬运工之配置
- 【Unix/Linux】【命令】【网络操作工具】网络测试工具 —— ping命令
- 游戏版本号之versionCode和versionName
- Android 判断是否有网络连接
- 尽量不要使用触发器
- [C] 在 C 语言编程中实现动态数组对象
- NPOI在多个sheet插入同一张图片
- makefile 文件编写