3

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

有问题的表格是http://www.littlehotelsofspain.co.uk底部的“Little Hotels Featured Hotel”、“Review of the Week”、“Subscribe to Our Newsletter”和“Find Us on 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>

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

4

3 回答 3

2

因此,在遇到同样的问题之后,这似乎border-collapse:collapse是 webkit 浏览器中的问题。对我来说似乎对其进行排序的修复方法是将其更改为border-collapse:separate.

于 2014-01-22T20:54:02.250 回答
1

我最近在 Chrome 中渲染表格边框时遇到了麻烦。一个帮助我的快速解决方法是将 tr 定义为 display:block。

于 2012-08-09T07:41:36.267 回答
0

对我来说也很好......一个选择(如果你想麻烦的话)是将表格包装在一个带有 2px 填充的 div 中。

iMac 上的 Chrome 20 看起来不错。

于 2012-06-27T12:07:27.230 回答