div块在屏幕上左右居中并且垂直居中
来源:互联网 发布:淘宝亚索皮肤 编辑:程序博客网 时间:2024/05/08 21:00
制作原理: 这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二
1、样式如下:
<style type="text/css">
.main{
position:absolute;
top:50%;
left:50%;
width:200px;
height:100px;
margin-top:-50px;
margin-left:-100px;
border:1px solid red;
line-height:30px;
font-size:16px;
text-align:center;
}
</style>
2、html结构如下:
<div class="main">王锋老师博客:http://blog.sina.com/wangfengteacher</div>
1、样式如下:
<style type="text/css">
.main{
position:absolute;
top:50%;
left:50%;
width:200px;
height:100px;
margin-top:-50px;
margin-left:-100px;
border:1px solid red;
line-height:30px;
font-size:16px;
text-align:center;
}
</style>
2、html结构如下:
<div class="main">王锋老师博客:http://blog.sina.com/wangfengteacher</div>
- div块在屏幕上左右居中并且垂直居中
- 设置一个DIV固定在底部,并且左右固定,垂直居中
- html div左右/垂直居中
- div屏幕水平垂直居中
- div屏幕水平垂直居中
- 让DIV在屏幕上居中
- HTML+CSS,让div在屏幕中居中(水平居中+垂直居中)方法总结
- HTML+CSS,让div在屏幕中居中(水平居中+垂直居中)方法总结
- 设置DIV块元素在浏览器页面中垂直居中
- div+css:页面整体布局居中显示:上下居中||垂直居中,左右居中||水平居中
- 整理div左右垂直居中解决方案
- 【CSS】div垂直和左右居中
- 如何让DIV 垂直居中在屏幕中间
- 如何让div在整个屏幕中垂直居中
- CSS控制DIV水平并且垂直居中
- 块元素在块元素垂直居中
- DIV块,窗口水平居中,窗口水平垂直居中
- div相对屏幕定位, 并垂直居中
- HDU 2601 An easy problem
- alter database datafile 'file_name' offline drop alter tablespace users drop datafile '' 区别
- 面向对象思想----不看后悔!
- 杭电ACM2544(最短路径)
- Compromise(最长公共字串变形)
- div块在屏幕上左右居中并且垂直居中
- android unity3d开发学习第一步
- 汇编语言中的变量
- 创建Hibernate的配置文件
- 黑马程序员-基础知识梳理8
- SDN 起航
- 把assets下的指定文件拷贝到sdcard上
- Android中使用广播机制 退出多个Activity
- 五种常见Windows服务启动问题的排错方法