Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Chrome 1px td之间不可避免的间距_Html_Css_Google Chrome_Html Table_Border - Fatal编程技术网

Html Chrome 1px td之间不可避免的间距

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"> &

我有一个问题,似乎只发生在Chrome和其他地方。我有一张桌子,它在悬停状态下应用了一种样式。在其他浏览器中,当鼠标悬停在行的任何部分上时,将应用该样式。但是,在chrome中,在每个td的边缘,不再应用该样式。如果我在单元格之间的这个1px宽的小区域上“检查元素”,元素窗格将显示Chrome认为我在表中,但不在行本身中。下面是一些产生这种效果的代码:

CSS:

HTML:

    <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">