HTML合并单元格

如您所见，我的表格中的单元格都有单独的边框。我希望它们是无缝的垂直线和水平线…基本上使细胞壁相互接触。我想那是填充物吗

<table align="center" class="data_extract vert_scroll_table" >
    <tr>
        <c:forEach var="heading" items="${results.headings}"> 
            <th class="data_extract">${heading}</th>
        </c:forEach>
    </tr>
    <c:forEach var="row" items="${results.data}">
        <tr>
            <c:forEach var="cell" items="${row}" varStatus="rowStatus">
                <td class="data_extract">
                    <c:choose>
                        <c:when test="${results.types[rowStatus.index].array}">
                            <c:forEach var="elem" items="${cell}" varStatus="cellStatus">
                                ${elem}<c:if test="${!cellStatus.last}">,&nbsp;</c:if>
                            </c:forEach>
                        </c:when>
                        <c:otherwise>
                            ${cell}
                        </c:otherwise>
                    </c:choose>
                </td>
            </c:forEach>
        </tr>
    </c:forEach>
</table>

---

您可以将CSS样式应用于名为border collapse的表：collapse

您可以对名为border collapse:collapse的表应用CSS样式

我已经有一段时间没有为表格设计样式了，但您可能想看看

---

我已经有一段时间没有为表格设计样式了，但是你可能想看看

---

边界间距：值；边界塌陷：塌陷；您可以发布一个类似JSFIDLE的示例吗？您的代码与您的图像不匹配。@j08691…抱歉，伙计…必须快一点：边框间距：值；边界塌陷：塌陷；您可以发布一个类似JSFIDLE的示例吗？您的代码与您的图像不匹配。@j08691…抱歉，伙计…必须快一点：该死，少了一美元，晚了一天…：我给了你一点刺激@PruitIgoe:该死，少了一美元，又晚了一天…：DI给了你一个小小的碰撞@PruitIgoe:

table.data_extract {
    table-layout: fixed;
    border: 2px gray solid;
}

td.data_extract,
th.data_extract,
table.data_extract td,
table.data_extract th {
    width: 125px;
    height: 75px;
    text-align: center;
    font-size: 7.5pt;
    white-space: normal;
    padding-left: 4px;
    padding-right: 4px;
}

table { 
    border-collpase: collapse; 
}

table, td, th {
    border:1px solid black;
}