• 全部
  • 问答

Css如何使版面居中?

igyhi 2008-02-26 05:03:58
<html>
<head><title>Test</title>
<style type="text/css">
body{margin:0 auto;}
#body{margin:0 auto;}
</style>
</head>
<body>
<div id="body">
<div style="background:yellow;width:400px;height:200px;">AAA</div>
</body>
</body>
</html>

1.黄色的色块要居于版面中央
2.在显示器的分辨率 800*600 1024*768 下都是居中的
3.黄色块中的字母AAA不能居中

最好不要使用text-align和margin-left属性
...全文
236 点赞 收藏 5
写回复
5 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
ahuiok 2008-03-19
<!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> <title> Test </title>
<style type="text/css">
<!--
*{margin:0;padding:0;boder:0}
div{margin:0 auto;text-align:center}
-->
</style>
</head>
<body>
<div style="background:yellow;width:400px;height:200px;"> AAA </div>
</body>
</body>
</html>
回复
rintsui1982 2008-03-16
用margin:0 auto 0 auto可以实现居中,可能你的问题在于头部声明不正确.
参考:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
回复
rainbowliuliang 2008-03-14
css中设置
body{
text-align:center;
}

这就是版面居中
回复
rainbowliuliang 2008-02-26
text-align:center;
回复
junp2007 2008-02-26
<html> 
<head> <title> Test </title>
<style type="text/css">
body{margin:0 auto;text-align:center;}
#body{margin:0 auto;}
</style>
</head>
<body>
<div id="body">
<div style="margin-right:auto;margin-left:auto;background:yellow;width:400px;height:200px;text-align:left;"> AAA </div>
</body>
</body>
</html>
回复
相关推荐
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2008-02-26 05:03
社区公告
暂无公告