test，th，td {}

Question

水平地，我试图通过＆＃34; - ＆＃34;粘合左右两个细胞。它们之间没有任何空白区域。所以我厌倦了在它们之间用内容＆＃34; - ＆＃34;创建一个中间单元格，但它在三个单元格之间有边距，所以我想知道如何摆脱空白区域padding和{ {1}}）中间细胞和其他细胞之间？

HTML

margin

CSS：

<table id="test">
    <tr id="userr1">
        <th>Left</th>
        <th class="mid">-</th>
        <th>Right</th>
    </tr>
    <tr id="row1">
        <td>cell</td>
        <td class="mid">-</td>
        <td>cell</td>
    </tr>
    <tr id="row2">
        <td>cell</td>
        <td class="mid">-</td>
        <td>cell</td>
    </tr>
</table>

Answer 1

试试这个https://jsfiddle.net/2Lzo9vfc/84/

table {
  border-collapse: collapse;
  border-spacing: 0;
}

Answer 2

你缺少填充：0px;对于

test，th，td {}

#test, th, td {
border:1px solid black;
margin:0px;
padding:0px;

}

如何将表格单元格边距设置为0？

2 个答案:

test，th，td {}