DIV+CSS页面局中问题?

*{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;就可以了。

第1个回答  2010-06-22
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;就可以使整个页面居中了
第2个回答  2010-06-22
<!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;} 和声明的前提下 才能居中显示
第3个回答  2010-06-22
{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>本回答被提问者采纳

DIV+CSS页面局中问题?
text-align:center; 是让文本水平居中的意思 <body> <div id="top"><\/div> <div id="conter"><\/div> <div id="foot"><\/div> <\/body> 如果你的页面是这样分为三个部分,那么可以给分别给他们加上margin:0 auto;让他们水平居中,也可以在外面加一个外框:<body> <div id="wrap"> <...

HTML Div+CSS 网页居中的问题
在写个div样式来进行控制!,最好单独命个名!如:div1{text-align:left} 然后在div标签里用id调用就行~方法2:一般div里用的都是 <ul> <li><\/li> <\/ul> 或 <ol> <li><\/li> <\/ol> 标签!你也可以设置ul的样式:ul{position:absolute;margin-left:0px;margin-top:5px;}\/\/这是绝对...

css如何让div页面居中css怎样让div居中
1、新建html文档,在body标签中添加p标签,标签的id为“header”,这时因为p标签中没有内容且没有设置样式,所以网页中显示空白:2、这时为p标签设置原题中的css样式,此时虽然p盒子显示了,但是没有居中:3、此时为p添加一个“margin:0auto”属性就会居中显示,“margin”指的是p标签的外边距,“0”...

HTML Div+CSS 网页居中的问题
<title>无标题文档<\/title> <style type="text\/css"> { margin:0; padding:0;} body{margin:0} .two{ margin:10px auto 0 auto; border:1px solid red; width:400px; height:200px;} <\/style> <\/head> <body> <div class="two"><\/div> <\/body> <\/html> 这样即可。请仔细看看...

div+css怎么居左居右剧中
1、居左:对要靠左对齐(局左)的div样式加float:left。示例代码:css部分:<style> .divcss5-left{float:left;width:250px;height:50px;border:1px solid #F00} <\/style> HTML部分:<div class="divcss5-left">此DIV靠左对齐显示<\/div> 2、居右:对要靠右对齐(局右)的div样式加float:...

div+css 代码不能居中的一个问题
其他的不动就是了,那么你把#container{width:500px;} 宽度去掉,改为#container{overflow:hidden;} body{width:480px;overflow:hidden;margin:0px auto;} 这样应该是你要的效果了 如果是要整体居中的话,其他都不用改,只有给#container加个margin:0px auto;就可以了 ...

Div+Css如何实现整体居中?
首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”需要说明的是,如果想用这个方法使整个页面要居中,建议不要套在一个DIV里,...

怎么用DIV+CSS控制图片居中的问题
1.对这个CSS居中问题,我们可以使用设置背景图片的方法 。举例:body {BACKGROUND:url(”图片文件”)FFF no-repeat center;} 关键就在于这个Center属性,它表示让该背景图片在容器中居中。你也可以把Cener换成Top Left或者直接写上数字来调整它的位置。2.如何使文本在DIV中垂直居中 对于文字,便不能...

div+css布局错乱问题解决方法
div是一种分块机制,这就要求在设计页面时要弄清各块之间级联关系 这个问题需要把left和right再使用一个div包含起来,直接上代码啦,下边就可以实现你要求的布局。foot总在下边,并能随着left,right的高度改变自动调整。<div id="box"> <div id="content"> <div id="left">这里是页面的左部分...

关于div+css在网页中的布局问题,我一直没有弄明白这个问题哦!谢谢了...
{margin:0px auto;padding:0px;}是全局没有边距,紧贴布局。还有就是为了兼容各个浏览器!网页整体颜色为黑色,没有下划线,文字大小是12像素。图片没有边框。a:link,a:visited,a:hover{text-decoration:none;color:#000000;}可以这样简写,要尽量减少代码量,还有要按照a:link,a:visited,a:hover,a...

相似回答