table的td之间有间隙

最新推荐文章于 2024-09-04 17:00:08 发布

hjjk888

最新推荐文章于 2024-09-04 17:00:08 发布

阅读量2.6k

点赞数 1

分类专栏：样式

本文链接：https://blog.csdn.net/hjjk888/article/details/83974966

版权

样式专栏收录该内容

20 篇文章 0 订阅

订阅专栏

一个简单的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 属性的值。