62,254
社区成员
发帖
与我相关
我的任务
分享网页居中问题
编了一个ASP.NET系统，设置了所有网页居中，在遨游和IE6中能够居中，为什么到了IE8里不能居中，有什么办法能在IE8中居中显示。那位能提供方法，谢谢了！
...全文
请发表友善的回复…
发表回复
尚方宝剑彤叟无欺 2010-02-05
- 打赏
- 举报
楼上的好复杂的方法，看我的解决方案。不过还是要谢谢你。
彦然软件 2010-02-05
- 打赏
- 举报
不好意思，应该这样子来！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>标题 </title>
</head>
<body>
<div style="width:500px;height:600px;margin-left:auto;margin-right:auto;margin-top:50px;text-align:center;border:1px solid;">
<p>Hello HTML!<br />
这里啊 ！<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p>
<p>没有这句话不起作用的，标准问题。</p>
<p><div style="margin-left:auto; margin-right:auto; border:1px solid #003300"></p>
<p>HTML</p>
<p></div><br />
</p>
这样子才起作用!
</div>
<script language=javascript>
alert("注意头部文件");
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>标题 </title>
</head>
<body>
<div style="width:500px;height:600px;margin-left:auto;margin-right:auto;margin-top:50px;text-align:center;border:1px solid;">
<p>Hello HTML!<br />
这里啊 ！<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p>
<p>没有这句话不起作用的，标准问题。</p>
<p><div style="margin-left:auto; margin-right:auto; border:1px solid #003300"></p>
<p>HTML</p>
<p></div><br />
</p>
这样子才起作用!
</div>
<script language=javascript>
alert("注意头部文件");
</script>
</body>
</html>
尚方宝剑彤叟无欺 2010-02-05
- 打赏
- 举报
问题解决，可惜楼上没有提供正确答案的。在<head>标签中加入以下语句：
在<head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> </head>
在<head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> </head>
彦然软件 2010-02-05
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>标题</title>
</head>
<body>
<div style="width:500px;height:600px;margin-left:auto;margin-right:auto;margin-top:50px;text-align:center;border:1px solid;">
Hello HTML!
</div>
<script language=javascript>
alert("注意这里<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">");
</script>
</body>
</html>
<html>
<head>
<title>标题</title>
</head>
<body>
<div style="width:500px;height:600px;margin-left:auto;margin-right:auto;margin-top:50px;text-align:center;border:1px solid;">
Hello HTML!
</div>
<script language=javascript>
alert("注意这里<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">");
</script>
</body>
</html>
尚方宝剑彤叟无欺 2010-02-05
- 打赏
- 举报
加上style="margin:0 auto"，也不管用呀，咋回事？
随风落梦 2010-02-04
- 打赏
- 举报
style="margin:0 auto"这样就可以了
baishi1987 2010-02-04
- 打赏
- 举报
LS正解
Specialaspnet 2010-02-04
- 打赏
- 举报
margin:0 auto
这样就可以了啊..
flyerwing 2010-02-04
- 打赏
- 举报
<div style="width:100%;margin:0px;padding:0px;text-align:center;">
.....
</div>
.....
</div>
人到中年琐事多 2010-02-04
- 打赏
- 举报
<div style="margin:0 auto;width:600px">alsdfjlasfj</div>
这样就能居中了
margin:0 auto意思是上下为0,左右自动(边距)
这样就能居中了
margin:0 auto意思是上下为0,左右自动(边距)
