html - 显示表格的底部边框 - 在 Chrome 中不稳定

Question

我的问题是 Chrome 中有时不显示表格底部边框。至少，我认为这只是 Chrome:作为一个不稳定的问题，有点难以确定。

有问题的表格是 http://www.littlehotelsofspain.co.uk 底部的“Little Hotels 特色酒店”、“本周评论”、“订阅我们的时事通讯”和“在 Facebook 上找到我们”框。 .

代码是:

<table width="364" border="1" bordercolor="#999999" style="border-collapse:collapse">
<tr>
<td height="32" bgcolor="#EDEFF4" style="padding-left:10px">
<font face="Tahoma, Geneva, sans-serif" color="#333"><strong>Little Hotels Featured Hotel</strong></font>
</td>
</tr>
<tr>
<td style="padding-left:10px">
<br>
<?php dadedadeda ?>
</td>
</tr>
</table>

通常，当我打开页面时，不会显示一两个底部边框。上下移动滚动 slider 以使问题区域消失并重新出现有时可以纠正或更改它。

Answer 1

所以在遇到同样的问题之后，border-collapse:collapse 似乎是 webkit 浏览器中的问题。对我来说似乎可以解决的修复方法是将其更改为 border-collapse:separate。