61,112
社区成员
发帖
与我相关
我的任务
分享关于margin:0 auto;
<style>
.layout{background-color:#ccc;border:2px solid #333;width:30px;height:30px;margin:0 auto;}
</style>
<div class="layout"></div>
为什么在IE6不能居中，而在firefox中可以？
除了在父元素中使用text-align:center;还有其他办法吗？越多越好
.layout{background-color:#ccc;border:2px solid #333;width:30px;height:30px;margin:0 auto;}
</style>
<div class="layout"></div>
为什么在IE6不能居中，而在firefox中可以？
除了在父元素中使用text-align:center;还有其他办法吗？越多越好
...全文
请发表友善的回复…
发表回复
cloudgamer 2008-01-06
- 打赏
- 举报
<!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 type="text/css">
*{margin:0px;}
.main{ margin:0px auto; background:#0000FF; width:50%;}
</style>
</head>
<body>
<div class="main">123</div>
</body>
</html>
zhulei2008 2008-01-03
- 打赏
- 举报
设置Body的样式居中
飘零雾雨 2008-01-03
- 打赏
- 举报
标准写法：
<!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" />
<meta http-equiv="Content-Language" content="gb2312" />
<title>DY CSS Layout</title>
<style type="text/css">
html,body {
margin:0;
text-align:center;
}
div {
width:400px;
background:#eee;
margin:0 auto;
text-align:left;
}
</style>
</head>
<body>
<div>传说中的测试</div>
</body>
</html>
ycsy520 2007-12-29
- 打赏
- 举报
还有个方法:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
<!--
#wrap { width:720px; position:relative; left:50%;margin-left:-360px; background:#000;}
-->
</style>
</head>
<body>
<div id="wrap"></div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
<!--
#wrap { width:720px; position:relative; left:50%;margin-left:-360px; background:#000;}
-->
</style>
</head>
<body>
<div id="wrap"></div>
</body>
</html>
xp1056 2007-12-29
- 打赏
- 举报
这个声明文档的作用是什么呢
nicholsky 2007-12-17
- 打赏
- 举报
也可以在div标签里用align="center"来居中，当然加了文档声明好，一切都按照标准去操作，这是好习惯。
千万不要因为加了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这段文档声明后而导致页面变形就删除掉，而是这段必须加上，然后再想办法去把变形的页面调好，因为有文档声明的页面的兼容性好，标准。
千万不要因为加了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这段文档声明后而导致页面变形就删除掉，而是这段必须加上，然后再想办法去把变形的页面调好，因为有文档声明的页面的兼容性好，标准。
iori_wen 2007-12-17
- 打赏
- 举报
能解释下为什么吗？
my_web 2007-12-17
- 打赏
- 举报
<!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">
<style>
.layout{background-color:#ccc;border:2px solid #333;width:30px;height:30px;margin:0 auto;}
</style>
<div class="layout"> </div>
