DIV+CSS页面局中问题?
*{margin:0;padding:0;text-align:center;}body{text-align:center;}我知道这样写的话整个页面就居中了，但是我不...
*{margin:0;padding:0;text-align:center;}
body{text-align:center;}
我知道这样写的话整个页面就居中了，但是我不管用DIV建多少框架它所有相关的文字内容都是居中的，而不是默认居左的，所以很麻烦.
我看过很多网页的DIV+CSS它们在全局样式中都没有用到什么text-align:center;整个页面就已经是居中的了。我想问一下还有什么方法能使整个网页页面居中？
如果在body{text-align:center;}在IE5/6/7中居中，火狐和IE8中居左，
如果*{text-align:center;}在IE5/6/7/8和火狐中都是居中的，但所有要输入的文本内容都居中了，所以很麻烦！
有很多网站页面居中都没有用到text-align:center;这句，页面就已经是居中了，这是怎么居中的？
问题是*{margin:0 auto;}这样写没用。 在后面再加一句text-align:center;就可以了。 展开
body{text-align:center;}
我知道这样写的话整个页面就居中了，但是我不管用DIV建多少框架它所有相关的文字内容都是居中的，而不是默认居左的，所以很麻烦.
我看过很多网页的DIV+CSS它们在全局样式中都没有用到什么text-align:center;整个页面就已经是居中的了。我想问一下还有什么方法能使整个网页页面居中？
如果在body{text-align:center;}在IE5/6/7中居中，火狐和IE8中居左，
如果*{text-align:center;}在IE5/6/7/8和火狐中都是居中的，但所有要输入的文本内容都居中了，所以很麻烦！
有很多网站页面居中都没有用到text-align:center;这句，页面就已经是居中了，这是怎么居中的？
问题是*{margin:0 auto;}这样写没用。 在后面再加一句text-align:center;就可以了。 展开
3个回答
展开全部
text-align:center; 是让文本水平居中的意思
<body>
<div id="top"></div>
<div id="conter"></div>
<div id="foot"></div>
</body>
如果你的页面是这样分为三个部分，那么可以给分别给他们加上margin:0 auto;
让他们水平居中，
也可以在外面加一个外框：
<body>
<div id="wrap">
<div id="top"></div>
<div id="conter"></div>
<div id="foot"></div>
</div>
</body>
然后只给 wrap加margin:0 auto;就可以使整个页面居中了
<body>
<div id="top"></div>
<div id="conter"></div>
<div id="foot"></div>
</body>
如果你的页面是这样分为三个部分，那么可以给分别给他们加上margin:0 auto;
让他们水平居中，
也可以在外面加一个外框：
<body>
<div id="wrap">
<div id="top"></div>
<div id="conter"></div>
<div id="foot"></div>
</div>
</body>
然后只给 wrap加margin:0 auto;就可以使整个页面居中了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
你缺了这个声明，加上这个声明以后 使用{margin:0 auto;} 然后给你要居中的DIV 设置一个宽度 即可居中 不需要写text-align:center;
一是你没声明
二是你没设置宽度
必须有宽度 有{margin:0 auto;} 和声明的前提下 才能居中显示
<html xmlns="http://www.w3.org/1999/xhtml">
你缺了这个声明，加上这个声明以后 使用{margin:0 auto;} 然后给你要居中的DIV 设置一个宽度 即可居中 不需要写text-align:center;
一是你没声明
二是你没设置宽度
必须有宽度 有{margin:0 auto;} 和声明的前提下 才能居中显示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
{margin:0 auto;}
这样就可以自动居中了.
测试一下看看 不居中找我
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0 auto;padding:0}
.w960{width:960px; background:#666; height:20px;}
</style>
</head>
<body>
<div class="w960">sdfsf</div>
</body>
</html>
这样就可以自动居中了.
测试一下看看 不居中找我
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0 auto;padding:0}
.w960{width:960px; background:#666; height:20px;}
</style>
</head>
<body>
<div class="w960">sdfsf</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
