div水平居中问题

来源：百度知道 编辑：UC知道 时间：2024/05/09 10:37:33
我用MyEclipse做jsp网页，是拿到Adobe Dreamweaver CS3中去编辑的，在之中用DIV在body中设置居中，在Adobe Dreamweaver CS3编辑器中查看时居中了，在MyEclipse中也居中了，但是在我本机IE6.0（xp系统）中查看就是不能居中，这是什么原因，大家帮个忙解决，谢谢！

MyEclipse写的JSP页面，没有HTML页面表头<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ………………这段，HTML页面无法识别它的类型，版本等等信息，会造成一些错误。

再者，DW中设置body居中，那都是几年的前的方法了，你也太落伍了。

很简单的，就是body{text-align:center;}，这是你视图模式下设置居中生成的CSS代码。

之后需要你在body标签，也就是<body>下级的标签，例如是一个<div>那么，你就在其CSS代码中加入{margin:0 auto;}这样就可以了。

思路就是在最外围的标签中加入{margin:0 auto;}，它的意思是上下距离为0，左右距离自动适应。从而产生居中。

在div上设置下面的样式试试：style="margin-left:5%;width:90%;"
margin-left * 2 + widht = 100% 即可

设置div的margin:0px auto;

*{ margin:0px; padding:0px;font-family:"宋体"; font-size:13px; color:#000000;}

<div style="clear:both;"></div>

别的浏览器居中了吗

margin:0px auto;