css - 小型 HTML 表格问题

Question

我有这张图片中显示的上表。我想修复吉尔和史密斯之间的空间。以最后一张表为例。不知道如何解释，因为英语不是我的母语。

http://i.stack.imgur.com/IC4CP.png

编辑

我的代码

  <table>
    <tr>
      <th>Jill</td>
      <th>Smith</td> 
      <th>Santa</td>
    </tr>
    <tr>
      <td>Jill</td>
      <td>Smith5555</td> 
      <td>50555555555</td>
    </tr>
    <tr>
      <td>Jillffff</td>
      <td>Smith5555</td> 
      <td>50555555555</td>
    </tr>
    <tr>
      <td>Jill5555</td>
      <td>Smith5555</td> 
      <td>50555555555</td>
    </tr>
  </table>

CSS

table, th, td {
    width:100%;
    border:1px solid #ddd;
    padding:10px;
}
table {
    border-collapse:collapse;
}
table td {
    font-size:13px;
}
table th {
    text-align:left;
    font-size:14px;
    text-transform:uppercase;
    font-weight:normal;
    background:#36c;
    color:#fff;
}
tr:nth-child(odd) {
    background-color: #f2f2f2;
}

Answer 1

这就是你的问题所在，

 table, th, td {
    width:100%; //This makes your table too big
    border:1px solid #ddd;
    padding:10px;
}

我会说删除宽度属性，您的表格应该没问题:)

这是你的 CSS 代码