html - IE7 中的 border-collapse 属性问题

标签 html css

我有一个包含 2 行和 2 列的表格。

1st row:
Col1 = 2 spans
Col2 = 3 Spans

2nd Row:
Col1 = 3 Spans
Col2 = 5 Spans

我已将表格的 border-collapse 属性设置为 Collapse。我正在获取除最后一个单元格之外的所有单元格的边框,因为它延伸超过第一行。我试过了使用 border-top-width:1px 但它仍然不显示最后一个单元格的顶部边框。

请帮忙。

谢谢

~阿南德

最佳答案

每个TD/TH里面都有内容吗?我的意思不仅是标签(跨度),还有一些文本。

你在哪些浏览器中遇到这样的问题?

你的代码是不是这样的:

<style>
table {
    border: 1px solid #000;
    border-collapse: collapse;
}

th, td {
   border: 1px solid #000;
}
</style>

<table cellpadding="0" cellspacing="0">
    <tr>
        <td>something></td>
        <td>something></td>
    </tr>
    <tr>
        <td>something></td>
        <td>something></td>
    </tr>
</table>

在 Firebug 或 DevelopersTool 中检查哪些样式应用于 TABLE 和 TD。也许某些样式与您的样式重叠。

关于html - IE7 中的 border-collapse 属性问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6543890/

相关文章:

javascript - 使用 javascript 跟踪 iframe 的 http 请求

css - 在 CSS 中为每个样式元素使用 !important

html - href 悬停不起作用?

php - 通过 webapp 确定打印字符串的宽度

javascript - 在带有 Jinja/Flask 的 Javascript 文件中使用 url_for()

php - 使用 php 将最新的 wordpress 博客文章集成到站点时出现日期问题

html - 多列 css 破坏了 ul 内容问题

html - CSS:无碰撞的 float 框

javascript - 使用 jquery 隐藏/显示基于语言的 div

HTML 拆分表列 (TD) 到小屏幕上的多行