一些 HTML 表格中的边框会变得更加粗细

Question

我的问题与HTML表格中的边框有关。即使使用CSS样式进行设置，某些边框也比其他边框更加粗细不一。

例如，通常在网上找到的解决方法如下所示...

table {
  border-collapse: collapse;
}

table, td, th {
  border: 1px solid;
}

但有些边框线比其他的要粗。有没有办法避免这种效果？

- delphirules

---

附注：使用表格展示表格数据是可以的（而且人们也接受）。 - Jamie Taylor

边框合并：折叠 - Marc B

这是我的表格CSS代码： 字体大小：11像素； 颜色：#333333； 边框宽度：1像素； 边框颜色：#666666； 边框折叠：合并； 宽度：99%； 内边距：10像素 10像素 20像素 10像素； 上外边距：20像素； 下外边距：20像素； 居中对齐； 溢出：自动。 - delphirules

即使使用border-collapse：collapse，某些边框仍然比其他边框粗。我正在使用Firefox浏览器。 - delphirules

我在2017年7月遇到了这个问题：网格线丑陋，厚度不一。与边框合并或填充无关...你找到解决方案了吗？ - mike rodent

Answer 1

在CSS中

table td {border-collapse:collapse}

In HTML

<table border="1" cellpadding="0" cellspacing="0">

- davidcondrey

---

这是一个示例，展示了我的表格的呈现方式；请注意一些线条比其他线条更粗：s24.postimg.org/t96yn5m5h/example.jpg - delphirules

请在Jsfiddle.com上发布您的代码或创建一个示例，我会查看。截图没有用处。 - davidcondrey

Answer 2

尝试在不同的浏览器上运行你的代码。有时候，你的浏览器可能无法正确地呈现表格。

- Mubtasim Fuad