让DIV在屏幕上下左右居中
2016-03-22 22:44
127 查看
转自:http://blog.sina.com.cn/s/blog_65d41dff0100v0iz.html
其实解决的思路是这样的:首们需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。
代码:
<style type="text/css">
<!--
#content{ width:402px;height:302px;position:absolute;top:50%;left:50%;margin:-151px 0 0 -201px;border:1px solid red;}
-->
</style>
<div id="content"></div>
其实解决的思路是这样的:首们需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。
代码:
<style type="text/css">
<!--
#content{ width:402px;height:302px;position:absolute;top:50%;left:50%;margin:-151px 0 0 -201px;border:1px solid red;}
-->
</style>
<div id="content"></div>
相关文章推荐
- JS复习:第二十三章
- 【c++】字符串的冒泡排序【存疑,待查】
- Day4.2--Android高级UI控件之AutoCompleteTextView的使用
- 图像分割技术(1)
- 解决 Property 'sqlSessionFactory' or 'sqlSessionTemplate' are required
- 【c++】字符串的冒泡排序【存疑,待查】
- 希尔排序【O(n^1.3)】
- MX3无法连接电脑,更换尾插
- 异常Exception、包package、String类、StringBuffer类
- 程序的加载和执行(二)——《x86汇编语言:从实模式到保护模式》读书笔记22
- lua入门系列
- apk反编译——基础是内功,得牢,飞跃还得多看源码,不同思想的碰撞才能产生火花,加油!!!!!!!!
- TRUNK的作用功能.什么是TRUNK
- java 常见异常
- iOS中UItableView 的重用机制原理
- TRUNK的作用功能.什么是TRUNK
- 2016网易实习生编程题:数组中两个数的和等于sum
- is_a原则和has_a原则
- mini2440 i2c设备支持
- Spring中Resource对象的获取