[英]Table spacing in html
出于某种原因,我在两个TD单元之间得到了一个小的间隙(线不接触)。 那边没有填充物或边缘......我做了这个崩溃的想法。
为什么会这样? http://jsfiddle.net/CKy6U/
我的HTML:
<table>
<tr>
<td>
TEST CELL 1
</td>
<td>
TEST CELL 2
</td>
</tr>
</table>
我的CSS:
table
{
width: 100%;
}
tr
{
border-bottom: 1px solid Black;
}
td
{
border-collapse: separate;
border-spacing: 0px;
border-left: 1px solid Black;
border-bottom: 1px solid Black;
padding: 3px;
width: 50%;
}
我的结果:
添加border-right: 0px;
to和remove border-collapse: separate
td
border-collapse: separate
。 添加border-collapse: collapse
到table
。
小提琴: http : //jsfiddle.net/CKy6U/7/
使用normalize.css或css reset我也会添加
<table cellspacing="0" cellpadding="0"> ... </table>
删除td
上的border-collapse
并将其添加到table
table{
width: 100%;
border-collapse: collapse;
}
tr{
border-bottom: 1px solid black;
}
td{
border-spacing: 0px;
border-left: 1px solid black;
border-bottom: 1px solid black;
padding: 3px;
width: 50%;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.