最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css中让div水平居中实现代码
时间:2013-03-22 编辑:简简单单 来源:一聚教程网
原理很简单:将left和top设置为50%来定位div到浏览器中央,再将margin-left和margin-top值设置为宽和高的一半
,使div居中显示。
加上这个东西:
代码如下 | 复制代码 |
2 margin-left:auto; 3 margin-right:auto; 或:
2 margin:0 auto; |
这两个在Chrome、FireFox、IE7、8、9下都测试通过,注意,IE下的文档格式不能为“Quirks”。
例1
代码如下 | 复制代码 |
Test |
-
上一个: CSS浮出层常用写法
-
下一个: CSS中clear清除元素容器浮动
相关文章
- css中position:fixed实现div居中 06-05
- CSS Div完美居中方法 11-16
- css vertical-align之居中说明 09-24
- CSS如何使DIV层水平居中 04-29
- DIV+CSS布局中的居中问题 01-11
- CSS 鼠标点击拖拽效果代码展示 10-31