黑马程序员技术交流社区

标题: html auto没能自动居中，哪出了问题 [打印本页]
作者: 秦二江    时间: 2013-5-2 15:25
标题: html auto没能自动居中，哪出了问题
本帖最后由 秦二江 于 2013-5-3 00:43 编辑

<html>
        <head>
               <title></title>
              <style type ="text/css">
            div
            {
              margin-left:auto;
              margin-right:auto;
              margin-top :100px;
              width:350px;
            }
        </style>
        </head>
<body>
   
    <div>
    <table>
    <tr><td>姓名：</td><td ><input type="text" /></td></tr>
    </table>
    </div>

</body>

</html>

这个 margin-left:100px; 还能起作用，但 margin-left:auto; 没反应，缓存也都清了
作者: 付银攀    时间: 2013-5-2 15:50
本帖最后由 付银攀 于 2013-5-2 16:04 编辑
  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. </head>

  8. <style type ="text/css">
  9. div
  10. {
  11. margin-left:auto;
  12. margin-right:auto;
  13. margin-top :100px;
  14. width:350px;
  15. }
  16. </style>
  17. </head>
  18. <body>

  20. <div>
  21. <table>
  22. <tr><td>姓名：</td><td ><input type="text" /></td></tr>
  23. </table>
  24. </div>
  25. </body>
  26. </html>
复制代码
你那个代码在火狐浏览器中可以居中，在ie中是不行的，加上网页的一些基本信息后就看可以了 ，lz去测试下吧
作者: 秦二江    时间: 2013-5-2 23:36
付银攀 发表于 2013-5-2 15:50
你那个代码在火狐浏览器中可以居中，在ie中是不行的，加上网页的一些基本信息后就看可以了 ，lz去测试下吧 ...

谢谢，加个文档头就好了，我在VS里 建的不是web应用程序，所以他没有文档头，应该是不符合 为w3c  标准



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