黑马程序员技术交流社区

标题: 一个小问题 [打印本页]
作者: 冯超    时间: 2013-3-3 19:28
标题: 一个小问题
  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"><head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <title>无标题文档</title>
  5. </head>
  6. <style>
  7.         body{
  8.                 margin:0px;
  9.                 padding:0px;
  10.                 font-size:12px;
  11.                 background-color:#3333CC;
  12.                 text-align:center;
  13.                 overflow:hidden;
  14.                
  15.         }
  16.         #contain{
  17.                 width:980px;
  18.         }
  19.         #image{
  20.                 width:565px;
  21.                 height:215px;
  22.                 border:1px solid red;
  23.         }
  24. </style>

  26. <body>
  27.         <div id="contain">
  28.                 <div id="image">
  29.                 </div>
  30.         </div>
  31. </body>
  32. </html>
复制代码
在学习视频的过程中，为什么那个边框没有居中啊，text-align:center;怎么只是对文字有用，而对那个边框没有用？
作者: 徐升2013    时间: 2013-3-3 19:29
抢个沙发，我承认我各种看不懂，我是来打酱油的{:soso_e133:}
作者: 贾文泽    时间: 2013-3-3 19:38
对边框没用啊，div的位置是margin属性指定的，你了解一下盒子模型就明白了
作者: 邢义敏    时间: 2013-3-3 19:43
text-align这个属性就是设置文本的对齐方式的，对于你所说的边框，没有看到你的代码我也不知道怎么回事


希望对你有用
作者: 刘辉    时间: 2013-3-3 19:50
这是什么？看不懂，，网页设计吗
作者: 克零岚    时间: 2013-3-3 20:05
我试了试，在IE中边框是居中的，火狐中没有而是左显示。text-align属性规定的是元素中的文本的水平对齐方式，最好的做法是设置div标签的margin属性，margin:0 auto 应用的是div水平居中对齐。如果想要div垂直居中对齐，可以这样写。div{ width:710px; height:410px; position:absolute; left:50%; top:50%; margin:-205px 0 0 -380px;}，width和height根据你的实际大小写，如果div看起来有些偏移，可以自己调整一下，margin的上值和左值。只要你调整合适了，就不用管分辨率的大小了，永远居中。
希望楼主能够清楚了一些
作者: 冯超    时间: 2013-3-3 21:40
克零岚 发表于 2013-3-3 20:05
我试了试，在IE中边框是居中的，火狐中没有而是左显示。text-align属性规定的是元素中的文本的水平对齐方式 ...

赞一个，我想也是



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