zoukankan      html  css  js  c++  java
  • bordercollapse 关于继承问题

              示例:<table id='table1' style=" 100%;border-collapse:collapse; border-spacing:0px;">
                            <tr>
                                  <td style=" 50%;"><table  id='table2' >
                                        <tr>
                                              <td><input type='checkbox' /></td><td>测试</td>
                                        </tr>
                                  </table></td>
                                  <td style=" 50%;"><table >
                                        <tr>
                                              <td><input type='checkbox' /></td><td>测试</td>
                                        </tr>
                                  </table></td>

                            </tr>
                      </table>
                问题描述:如上代码在IE8.0里面不会有任何问题,但是<IE8.0的浏览器中会出现 id为table2里面两个TD之间会出现间隔。
                解决办法:把border-collapse:collapse; border-spacing:0px; 加在table2里面。
                原因:border-collapse在IE8.0里面被子table 继承了,但是在<IE8.0的浏览器中没有被继承。这也许是IE的Bug 之一。希望各位批评指教。
  • 相关阅读:
    复杂JSON字符串转换为Java嵌套对象的方法
    好代码是如何炼成的
    让数据流转换代码更加健壮流畅:List的Stream包装
    由一个重构示例引发的对可扩展性的思考
    如何高效搜索信息
    个人安全防护简明指南
    YAML配置解析
    事件处理业务的简易组件编排框架
    lambda表达式滥用之殇:解耦三层嵌套lambda表达式
    碎碎念四六
  • 原文地址:https://www.cnblogs.com/BlueWoods/p/1562566.html
Copyright © 2011-2022 走看看