Html Chrome 1px td之间不可避免的间距
我有一个问题,似乎只发生在Chrome和其他地方。我有一张桌子,它在悬停状态下应用了一种样式。在其他浏览器中,当鼠标悬停在行的任何部分上时,将应用该样式。但是,在chrome中,在每个td的边缘,不再应用该样式。如果我在单元格之间的这个1px宽的小区域上“检查元素”,元素窗格将显示Chrome认为我在表中,但不在行本身中。下面是一些产生这种效果的代码: CSS: HTML:Html Chrome 1px td之间不可避免的间距,html,css,google-chrome,html-table,border,Html,Css,Google Chrome,Html Table,Border,我有一个问题,似乎只发生在Chrome和其他地方。我有一张桌子,它在悬停状态下应用了一种样式。在其他浏览器中,当鼠标悬停在行的任何部分上时,将应用该样式。但是,在chrome中,在每个td的边缘,不再应用该样式。如果我在单元格之间的这个1px宽的小区域上“检查元素”,元素窗格将显示Chrome认为我在表中,但不在行本身中。下面是一些产生这种效果的代码: CSS: HTML: <table id="myTable" class="tablesorter"> &
<table id="myTable" class="tablesorter">
<thead>
<tr>
<th>Title1</th>
<th>Title2</th>
<th>Title3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bach</td>
<td>42526</td>
<td>Dec 10, 2002 5:14 AM</td>
</tr>
<tr>
<td>Doe</td>
<td>243155</td>
<td>Jan 18, 2007 9:12 AM</td>
</tr>
<tr>
<td>Conway</td>
<td>35263</td>
<td>Jan 18, 2001 9:12 AM</td>
</tr>
</tbody>
</table>
标题1
标题2
标题3
巴赫
42526
2002年12月10日上午5:14
雌鹿
243155
2007年01月18日上午9:12
康威
35263
二○○一年一月十八日上午九时十二分
以前有人见过这个/知道解决方法吗
如果有帮助,我使用的是Chrome 13.0.782.220
现场演示:在css中给出边框间距:-1px。有趣的是,这不是由边框引起的。如果将边框宽度设置为10px,则导致此问题的单元格之间仍然只有1px 我试着设置tds的位置,这似乎很有效。下面是一个演示: 注意:我添加了填充以保持大小一致如中所述,这将解决此问题:
td {
padding: 2px 5px;
position:relative;
}
默认情况下,.该表具有单元格填充和单元格间距。您需要添加:
<table cellspacing="0" cellpadding="0">
+1因为这是一个可能的解决方案。但是可能会对其他浏览器产生一些负面影响,当然也会因为位置相对计算而对渲染性能产生一些负面影响。的可能副本也有同样的问题,没有分辨率,除了脏-1px定位。实际上是0.5px,不是1px。
<table cellspacing="0" cellpadding="0">