div css居中怎么不行？？？

Rancho_Gump

本帖最后由李桐于 2013-1-21 12:37 编辑

<!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=utf-8" />
<title>登录</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
font-size:12px;
background-color:#016aa9;
overflow:hidden;
text-align:center;}
#container{
width:980px;
height:100px;
border:1px solid red;}
</style>
</head>
<body>
<div id="container">
</div>
</body>
</html>

复制代码

大家看一下我让container居中怎么不行呢？？？

高浩 · 高浩

本帖最后由高浩于 2013-1-19 13:36 编辑

<!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=utf-8" />
<title>登录</title>
<style type="text/css">
      body{
            margin:0px;
            padding:0px;
            font-size:12px;
            background-color:#016aa9;
            overflow:hidden;
            text-align:center;}//你的这里写不是让container居中的。
      #container{
            width:980px;
            height:100px;////这里在填写一条语句，margin:0  auto;。。。。不妨试试，应该可以
            border:1px solid red;}

</style>
</head>

<body>
      <div id="container">

         </div>
      </body>
</html>

修饰container的没有让他居中的语句所以达不到你要的效果
margin指的是外边距，上下清零，是必须的，还想让其水平居中的话应该写成margin：0  auto；

李桐 · 李桐

高浩发表于 2013-1-19 13:35
登录

body{

这下没问题了 3q

李桐 · 李桐

虽然问题解决了但是我抄的是方老师javaweb css div部分的源代码视频里就能居中为什么我的电脑上写的就不行呢？？

高浩 · 高浩

老师这样写恐怕不妥吧，你所做是想让container容器怎么样？试想一下，text-align：是该区域中的文本对齐，以后关于body里的文本都会居中对齐，
既然你是让container那直接写代码去控制container不就可以了吗？为何还要让整体去大动干戈呢，container是在body里面的。如果body有什么变动那
container也会跟着受到影响的，不是么？

帐号		自动登录	找回密码
密码			加入黑马

div css居中怎么不行？？？

评分

4 个回复

评分