为什么这段css不能中置

来源:百度知道 编辑:UC知道 时间:2024/09/24 00:34:07
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#container {
MARGIN: 0px auto; WIDTH: 960px;
}

<DIV id=container>
<div style="width:300px; height:300px; background:#000000;">abdsfsdf</div>
</DIV>
text-align:center;它只能让文字居中,别的还是不行.

将#container的CSS加上text-align:center;可以让里面的内容居中,你看这个效果行不行?
<style>
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#container {
MARGIN: 0px auto; WIDTH: 960px; text-align:center;
}
</style>

<center>
<DIV id=container>
<div style="width:300px; height:300px; background:#000000;">abdsfsdf</div>
</DIV>
</center>

或者可以将<center>标签加在两container两边

试试用在container中css用 margin:0 auto;

<!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">
&l