当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 在IE与FF中如何居中的css写法

CSS样式表
css 块状元素和内联元素
CSS 盒模型、块状元素与内联元素、CSS选择器
css 浮动 理解Float的含义
CSS 清除浮动Clear
CSS 制作网页导航条(上)
CSS 制作网页导航条(下)
css 浮动(float)页面布局
css 浮动(float)页面布局(下)
css position 定位
css 定位应用实例
CSS Hack 有关浏览器兼容方面
css 单图片按钮实例(css 图片变换)
使用X-UA-Compatible来设置IE浏览器兼容模式
div overflow 超出隐藏属性使用说明
CSS 使用规则总结
div+CSS 兼容小摘
CSS的inherit与auto使用分析
如何组织和注释CSS文件
CSS样式按整洁易懂的结构组织
CSS Prism 查看和编辑CSS中用到的颜色

CSS样式表 中的 在IE与FF中如何居中的css写法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 44 ::
收藏到网摘: n/a

此问题不知道遇到多少次了,又一次遇见了。索性copy到这里,下次就不用打字了。现在好多做布局都是用一个大的div里面嵌套,实现效果更好 IE方法:<body style="text-align:center;">
<body> 标记内的内容居中。
非IE方法:<div style="margin-left:auto;margin-right:auto;"></div>
<div> 标记的左右边距自动适应,以达到居中效果。
标准推荐的CSS使用方法是后者,IE的那套是非标准的。
不过在IE6中使用标准的DTD声明(xhtml版本),也能使用margin:0 auto;方法达到居中效果。
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]