首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无边框厚度的CSS

无边框厚度的CSS
EN

Stack Overflow用户
提问于 2011-09-14 02:30:20
回答 5查看 751关注 0票数 2

我有一个用0px边框构建的表格,我正在尝试让每一行中的图像彼此无缝地匹配,但即使边框没有显示出来,行之间仍然存在1px间隙。有没有办法解决这个问题?

代码语言:javascript
运行
复制
table { 
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: 10px;
}   

table th, table td { 
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}  

tr { 
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0px; 
}
EN

回答 5

Stack Overflow用户

发布于 2011-09-14 02:37:36

可能是表中的内容创建了一些额外的空间,而您没有提到哪个浏览器,但请注意IE7 doesn't understand border-collapse,因此您应该添加:

代码语言:javascript
运行
复制
<table cellspacing="0">

到IE7的桌子上。此外,没有理由将border-collapse应用于tr。

票数 2
EN

Stack Overflow用户

发布于 2011-09-14 02:34:52

我想border-spacing是用来做桌子的。您是否尝试过对tr元素使用border: none

票数 1
EN

Stack Overflow用户

发布于 2011-09-14 02:37:19

试试这个:

CSS

代码语言:javascript
运行
复制
img {
   border:none;
   padding:0;
   margin:0;
}

HTML

代码语言:javascript
运行
复制
<table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0">
..table rows..
</table>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7406683

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档