css中cellspacing CSS empty-cells 属性

css中cellspacing

cellspacing 是 HTML 表格中的一个属性，它可以控制单元格之间的距离。它是用来控制表格中单元格之间的空间大小，以便在表格中更好地显示数据。

cellspacing 属性可以使用 CSS 来设置，也可以使用 HTML 代码来设置。CSS 中的 cellspacing 属性可以使用 border-spacing 属性来设置，而 HTML 代码中的 cellspacing 属性可以使用

 来设置。
cellspacing 属性可以使用数字或者单位来设置，如果使用数字，则表示单元格之间的像素距离；如果使用单位，则表示单元格之间的实际距离。例如：
 表明单元格之间的像素距离为 10px ； 
 表明单元格之间的实际距离为 2em 。
cellspacing 属性是一个很有用的属性，它可以帮助我们在表格中更好地显示数据。但是要注意不要过度使用这个属性，因为过多的 cellspacing 会对表格布局造成影响。
CSS empty-cells 属性





CSS 参考手册





实例

隐藏表格中空单元格上的边框和背景：

table
  {
  border-collapse:separate;
  empty-cells:hide;
  }


亲自试一试




浏览器支持


  

      
IE
      
Firefox
      
Chrome
      
Safari
      
Opera
  
  

      
						
      

      

      
				
      
				
  


所有浏览器都支持 empty-cells 属性。

注释：如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 empty-cells 属性。