0

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

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

http://jsfiddle.net/XzU58/

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

4

4 回答 4

1

尝试以下操作：

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

演示

于 2013-10-28T08:31:49.170 回答
0 
.pricetable, .table-header {
    background: #262932;
    color: #FFF;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    border-collapse: collapse;
}
于 2013-10-28T08:33:55.597 回答
0

看这个演示。

你需要使用border-collapse: collapse;

table.pricetable {
    border-collapse: collapse;
}
于 2013-10-28T08:35:40.993 回答
0

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

工作演示

编码：

<table class="pricetable" cellpadding="0" cellspacing="0">
于 2013-10-28T08:44:55.627 回答