没有边框的表格单元格有白线 - 我如何禁用它们？

我创建了这个表格，并将填充和边框设置为0.但是在单元格周围存在这些奇怪的白线。这是什么，如何禁用它们？没有边框的表格单元格有白线 - 我如何禁用它们？

HTML代码：

<table id="jobtabelle"> 
    <thead> 
    <tr> 
     <th> 
     <button id="addbutton" class="left"><i class="material-icons">add</i></button> 
     </th> 
     <th></th> 
     <th>Job</th> 
     <th>Länge/mm</th> 
     <th>Gesamt/QTY</th> 
     <th>Rest/QTY</th> 
     <th>Fertig um</th> 
     <th></th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td></td> 
     <td></td> 
     <td>Job1</td> 
     <td>800.000</td> 
     <td>50</td> 
     <td>20</td> 
     <td>14:40</td> 
     <td> 
     <button id="" class="left"><i class="material-icons">more_horiz</i></button> 
     </td> 
    </tr> 
    <tr>

（该表只是与更多的行重复。）

CSS代码：

#jobtabelle tr { 
    height: 56px; 
    line-height: 56px; 
    border-top: 0; 
    border-bottom: solid 1px #424242; 
    overflow: hidden; 
    font-size: 16px; 

} 

#jobtabelle tbody tr:first-child { 
    background: #66bb6a; 
} 

#jobtabelle thead tr { 
    height: 25px; 
    line-height: 25px; 
    margin-top: 10px; 
} 

#jobtabelle td { 
    border-left: 0; 
    border-right: 0; 
    border-bottom: inherit; 
    padding: 0; 
    border-collapse: collapse; 
} 

#jobtabelle th:first-child +th +th +th, 
#jobtabelle th:first-child +th +th +th +th, 
#jobtabelle th:first-child +th +th +th +th +th, 
#jobtabelle th:first-child +th +th +th +th +th +th, 
#jobtabelle td:first-child +td +td +td, 
#jobtabelle td:first-child +td +td +td +td, 
#jobtabelle td:first-child +td +td +td +td +td, 
#jobtabelle td:first-child +td +td +td +td +td +td { 
    text-align: right; 
}

（I改变的<td>背景通过Safari为灰色开发工具，所以线更容易看到）。

来源

2016-01-05 FeuerlordOhsai

[设置的cellpadding和CSS CELLSPACING？（可能的重复http://stackoverflow.com/questions/339923/set -cellpadding-and-cellspacing-in-css） – showdev

添加cellpadding="0"和cellspacing="0"您的餐桌：

<table id="jobtabelle" cellpadding="0" cellspacing="0">

或CSS：Set cellpadding and cellspacing in CSS?

演示：

#jobtabelle tr { 
 
    height: 56px; 
 
    line-height: 56px; 
 
    border-top: 0; 
 
    border-bottom: solid 1px #424242; 
 
    overflow: hidden; 
 
    font-size: 16px; 
 
} 
 
#jobtabelle tbody tr:first-child { 
 
    background: #66bb6a; 
 
} 
 
#jobtabelle thead tr { 
 
    height: 25px; 
 
    line-height: 25px; 
 
    margin-top: 10px; 
 
} 
 
#jobtabelle td { 
 
    border-left: 0; 
 
    border-right: 0; 
 
    border-bottom: inherit; 
 
    padding: 0; 
 
    border-collapse: collapse; 
 
} 
 
#jobtabelle th:first-child +th +th +th, 
 
#jobtabelle th:first-child +th +th +th +th, 
 
#jobtabelle th:first-child +th +th +th +th +th, 
 
#jobtabelle th:first-child +th +th +th +th +th +th, 
 
#jobtabelle td:first-child +td +td +td, 
 
#jobtabelle td:first-child +td +td +td +td, 
 
#jobtabelle td:first-child +td +td +td +td +td, 
 
#jobtabelle td:first-child +td +td +td +td +td +td { 
 
    text-align: right; 
 
}

<table id="jobtabelle" cellpadding="0" cellspacing="0"> 
 
    <thead> 
 
    <tr> 
 
     <th> 
 
     <button id="addbutton" class="left"><i class="material-icons">add</i> 
 
     </button> 
 
     </th> 
 
     <th></th> 
 
     <th>Job</th> 
 
     <th>Länge/mm</th> 
 
     <th>Gesamt/QTY</th> 
 
     <th>Rest/QTY</th> 
 
     <th>Fertig um</th> 
 
     <th></th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td></td> 
 
     <td></td> 
 
     <td>Job1</td> 
 
     <td>800.000</td> 
 
     <td>50</td> 
 
     <td>20</td> 
 
     <td>14:40</td> 
 
     <td> 
 
     <button id="" class="left"><i class="material-icons">more_horiz</i> 
 
     </button> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
    </tbody> 
 
</table>

来源

2016-01-05 18:36:58 CoderPi

啧啧啧啧啧啧啧啧啧 –

非常感谢！我没有想到细胞间隙。 – FeuerlordOhsai

欢迎您！你也可以在CSS中完成它：http://stackoverflow.com/questions/339923/set-cellpadding-and-cellspacing-in-css – CoderPi

的CSS属性border-collapse添加到您的table。例如：

table#jobtable { 
    border-collapse: collapse; 
}

来源

2016-01-05 18:37:39

的border-collapse财产只是移到表本身

#jobtabelle { 
    border-collapse: collapse; 
}

来源

2016-01-05 18:40:17

没有边框的表格单元格有白线 - 我如何禁用它们？

回答

相关问题