我们能为您做什么？箭头
底部图片
搜影客户服务支持中心

热点图片新闻推荐最新文章列表，搜影科技坚持经常更新，以更优质的服务和内容为您服务……

帮助
帮助

Google

Yahoo

百度搜索引擎

成功案例精品，源自于我们对艺术的百般挑剔！img
css基本布局－－居中
发布者：搜影科技     发布时间：2008-6-30 22:03:17    

 居中布局对于大多数设计者来说都是一种必须的常识。
 在利用css＋div设计同样如此。
 其实这个只是一个小知识点，不过基础的往往是最重要的！
 我们如何使各种浏览器全部居中？
 这个是重点！
 
 居中最简单的方法是就是使用“margin：0 auto；”实现。

 例如：
 <body>
     <div id="container"></div>
 <body>

相应的css
 #container
{width:??
  margin:0 auto;
}

 
 上面的方法在大多数的浏览器可以实现居中显示【以FF为代表的现代浏览器】

 但是在IE5.x和IE6的怪异模式中，不支持自动空白边“auto”。
 在这种情况下我们可以使用hack解决这个问题。
 因为在IE中默认为text－align：center 会使所有的东西居中，不仅仅包括
 文字。我们可以利用这一点。
 
 body
   {
    text-algin:centerl;
   }

 #container
   {
     width:??;
     margin:0 auto;
    text-align:left;
   }
 
  这种hack对代码没有特别大的影响，可以放心使用。
  
  其实我自己的网站在IE5下就无法实现居中！
  问题就出在没有注意IE5的怪异模式，当然解决还是很简单的，^_^
   这里就当是一个反面教材。引起大家注意！

  【以上文章个人意见，文中所提到的方法来自Andy Budd，谢谢！】
 
 

打印本页 || 关闭窗口