建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > DIV+CSS教程 > 浏览器兼容 >

IE6/7/8/9中table元素align=center权重比margin:0大的实例说明

更新时间:2015-12-13整理编辑:建站学习网阅读:0
  这个错误很容易发生,关键是清空margin:0,这个规则多数写在reset.css中,而又想让table使用align属性居中,但这仅在IE浏览器中达到预期效果。

  重现很简单,如下
  <!DOCTYPE html>

  <html>

  <head>

  <style>

  * {margin:0;}

  </style>

  </head>

  <body style="padding:50px;">

  <div style="border:1px solid gold;width:400px;padding:10px 0;">

  <table width="100" bgcolor="red" align="center">

  <tr><td>aaa</td><td>bbb</td></tr>

  </table>

  </div>

  </body>

  </html>

  以上css代码清空了所有元素的默认margin,这个样式规则几乎所有网站的reset.css中都会有。

  table元素添加了align=center。

  各浏览器下表现如下

  1,IE6/7/8/9中table居中



  2,Firefox/Chrome/Safari/Opera中table没有居中(居左)



  这个错误很容易发生,关键是清空margin:0,这个规则多数写在reset.css中,而又想让table使用align属性居中,但这仅在IE浏览器中达到预期效果。

本文网址:https://www.dedexuexi.com/divcss/llqjr/522.html

文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
CSS兼容方案最新的一些技巧
« 上一篇2015年12月12日
兼容浏览器的css网页细线表格设计
2015年12月12日下一篇 »
  • 兼容各浏览器:CSS定义PNG透明效果
    0阅读
    虽然有CSS有很多方法能实现PNG图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用CSS定义PNG透明效果的方法,方法如下: style .mycls{ width: 48px; height: 48px; backg
  • 图片垂直居中css写法兼容ie6
    0阅读
    头胀胀的,看不下东西做不下事,那就写朵随笔吧。 图片垂直居中,原理应该就是,其实我也不知道。 手上两种方法,异曲同工,但是都兼容ie6的。 复制代码 代码如下: div class=imgBox img src=h
  • CSS兼容性问题 && CSS HACK
    0阅读
    以前做网页的时候,只考虑 IE6 和 FF 的兼容性,公司换了,要求也高了,FF和IE 6 7 8 要全兼容了, 碰到要单独Hack IE8的。当然,用注释非常方便,只要添加相应的注释就可以解决。但问题是,为
  • chrome表单自动填充导致input文本框背景变成偏黄色问题解决
    0阅读
    chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: 复制代码 代码如下: input:-webkit-
  • 完美解决IE兼容模式问题
    0阅读
    IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式: 复制代码 代码如
 
QQ在线咨询

添加微信客服