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

CSS样式表
间距浮动与对齐的最佳方案
Web开发期待的CSS的一些功能
CSS网页设计:百分比进行背景图片定位
CSS缩写6个图例总结
五条非常重要的CSS技巧
CSS入门:XHTML文档结构树
WEB2.0的五个技术点:单手定则
完美网页应该适应不同人群
CSS教程:vertical-align的值
CSS样式表渐进增强的基本概念
css sprites把很多小图集成在一张图片上
介绍CSS3使用技巧5个
CSS3教程(2):网页边框半径和网页圆角
CSS3教程(3):border-color网页边框色彩
CSS3教程(4):网页边框和网页文字阴影
CSS3教程(5):网页背景图片
CSS3教程(6):创建网站多列
CSS3教程(7):CSS3嵌入字体
CSS3教程(8):CSS3透明度指南
CSS3教程(9):设置RGB颜色

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 142 ::
收藏到网摘: 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 全选 提示:你可先修改部分代码,再按运行]