0

我有一个单行表，用于在网页顶部显示标题。该表有 3 个单元格，左侧和右侧带有静态图像。重复中间的图像以填充屏幕的宽度。这是我正在使用的代码：

<table style="width: 100%; border-collapse: collapse;">
<tr height="80" width="100%">
<td style="background-repeat:no-repeat; border:none" background="/images/left.png" width="690" />
<td style="background-repeat:repeat-x; background-position:middle" background="/images/middle.png" />
<td style="background-repeat:no-repeat; border:none" background="/images/right.png" width="190" />
</tr>
</table>

我想要实现的是 3 张图像整齐地对齐，没有任何边框。不幸的是，上面的代码不起作用。虽然大部分边框都消失了，但左右表格单元格中的图像右侧仍有一条 1 像素的线。

从左到右，图像的大小分别为 690x80、1x80 和 190x80，并且与单元格的大小相匹配，因此无法看到为什么存在线条。

将不胜感激摆脱两个 1 像素边框的帮助

4

2 回答 2

1

添加cellpadding="0"到您的<table>标签。

或者，您想使用 CSS 执行此操作，请使用以下 CSS 规则：

table td,
table th{
    padding: 0;
}
于 2014-12-03T09:49:02.227 回答
0

首先，请小鸡你的图像。第二，你可以添加这个

border:hidden;

在表格样式属性中。

第三，这个问题是否出现在所有浏览器中？

于 2014-12-03T09:52:54.047 回答