黑马程序员技术交流社区

标题: div css居中怎么不行？？？ [打印本页]
作者: 李桐    时间: 2013-1-19 12:33
标题: div css居中怎么不行？？？
本帖最后由 李桐 于 2013-1-21 12:37 编辑
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>登录</title>
  6. <style type="text/css">
  7.         body{
  8.                 margin:0px;
  9.                 padding:0px;
  10.                 font-size:12px;
  11.                 background-color:#016aa9;
  12.                 overflow:hidden;
  13.                 text-align:center;}
  14.         #container{
  15.                 width:980px;
  16.                 height:100px;
  17.                 border:1px solid red;}

  19. </style>
  20. </head>
  21.         
  22. <body>
  23.         <div id="container">

  25.             </div>
  26.         </body>
  27. </html>
复制代码
大家看一下 我让container居中怎么不行呢？？？

作者: 高浩    时间: 2013-1-19 13:35
本帖最后由 高浩 于 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 16:13
高浩 发表于 2013-1-19 13:35
登录

        body{

这下没问题了 3q
作者: 李桐    时间: 2013-1-19 16:19
虽然问题解决了 但是我抄的是方老师javaweb css div部分的源代码 视频里就能居中 为什么我的电脑上写的就不行呢？？

QQ截图20130119161728.png (93.29 KB, 下载次数: 24)

QQ截图20130119161728.png

QQ截图20130119161817.png (58.31 KB, 下载次数: 30)

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



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2