zoukankan      html  css  js  c++  java
  • 在IE6/7下表格td标签没有内容时不显示边框?

    有以下几种方法:

    1、在单元格中加入一个空格。这样: <td>&nbsp;</td> 

    2、直接在table里这样写:<table border="0" cellspacing="0" style="border-collapse:collapse"> 

    看清了啊,border-collapse只能是collapse,虽然border-collapse还有separate,inherit属性。用这 种方法可以把边框显示出来,但很郁闷的是—-它显示的是细边框。顺带一下separate和collapse吧, separate:separate :  默认值。边框独立(标准HTML),跟没用这个属性时显示的一样。(inherit在我看来跟separate 没啥区别,也许是我眼拙,呵呵) collapse :  相邻边被合并 相邻边被合并!默认时相邻边没有合并,所以就是 1+1=2。现在我们使用 border-collapse:collapse把我们合并了,所以宽度就是 1+1=1了出现细线边框了。 

    3、table { caption-side: top; auto; border-collapse: collapse; empty-cells: hide; }或者 table {100%;border-collapse: separate;empty-cells:show;} 不过,目前IE6.0持此属性,貌似只能在css2中使用。相应的脚本特性为emptyCells。 

    4、这里能使边框显示出来的核心是 rules=”cols”

  • 相关阅读:
    大道至简第一章和java理论学时第一节。感受。
    jQuery基础
    JavaScript对象及初始面向对象
    使用JavaScript操作DOM
    JavaScript操作BOM对象
    JavaScript基础
    实体之间的对应关系
    MySQL常用函数
    SQL Server中分离附加数据及生成SQL脚本
    C#中子类构造函数
  • 原文地址:https://www.cnblogs.com/nancy0324/p/3387565.html
Copyright © 2011-2022 走看看