关于网页居中的问题

2007-12-08 19:31:03

我看到有些网页在IE里是居中的，可是到了Firefox里就靠左了，其实这个问题很简单，看下面这段代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页居中</title>
<style>
body
{
text-align:center;
}

div.window
{
border:#330066 solid 1px;
width:800px;
height:700px;
margin-left:auto;
margin-right:auto;
}

</style>
</head>

<body>
<div class="window"></div>
</body>
</html>

复制上面的代码，保存为index.html，用浏览器浏览下效果，可以看到窗口永远是居中的
原理是在你要居中的窗口（该例是window）的样式中添加margin-left:auto;margin-right:auto;让它左右空隙都自动，这样它就能自动居中对齐了。

本文出自 “我的空间show” 博客，请务必保留此出处http://csprogrammer.blog.51cto.com/212533/54212

上一篇兼容IE和Firefox的设为首页和收藏的Javascript..　

类别：Web技术 ┆ 技术圈() ┆ 阅读() ┆ 评论() ┆推送到技术圈 ┆返回首页

相关文章

文章评论

[匿名]PHP

2007-12-08 23:11:48

IE和Firefox是不太一样以前调CSS的时候就是在火狐里位置正好但是换成IE看就是不对齐的

昵称：
验证码：		点击图片可刷新验证码　　博客过2级，无需填写验证码
内容：