`

table的td之间有间隙

 
阅读更多
一个简单的html布局
<table>
			 		<tr>
			 			<td class="style1" align="center">COLUM1</td>
			 			<td  class="style1" align="center">COLUM2</td>
			 		</tr>

css中这么定义style1样式的
td.style1
{
	border-style:solid;
	border-color:gray;
	border-width:1px;
	cellspacing=0;
	cellpadding=0;
	padding=0;
	margin=0;
}

但还是有间隙

直到table里加上
《<table style="border-collapse:collapse">
css手册这么描述
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示、、、
    值                         描述
separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。

collapse 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。

inherit 规定应该从父元素继承 border-collapse 属性的值。


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics