无法删除表格边框，试图找出导致此问题的原因

【问题标题】：Can't remove table border, trying to find what is causing this无法删除表格边框，试图找出导致此问题的原因
【发布时间】：2018-02-03 16:25:13
【问题描述】：

我输入价格的蓝色字段似乎在左右两侧都有边框，因此它不会以 100% 的宽度填满整个表格。

<td class="price">€ 299,-</td>

http://jsfiddle.net/XzU58/

我该如何解决这个问题，我似乎无法在这里找到我到底做错了什么。

【问题讨论】：

标签： html css html-table border

【解决方案1】：

尝试以下操作：

.pricetable{
     color: #FFF;
     text-align: center;
     border-collapse: collapse; // Add this to your CSS
   }

Demo

【讨论】：

【解决方案2】：

.pricetable, .table-header {
    background: #262932;
    color: #FFF;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    border-collapse: collapse;
}

【讨论】：

【解决方案3】：

See this demo.

你需要使用border-collapse: collapse;

table.pricetable {
    border-collapse: collapse;
}

【讨论】：

【解决方案4】：

如果您不想对 CSS 进行任何更改，可以将 cellspacing 和 cellpadding 添加到值 0。这也将使您的表格删除您获得的间距（即您提到的边框）。

WORKING DEMO

守则：

<table class="pricetable" cellpadding="0" cellspacing="0">

【讨论】：