HTML使表列占用最小空间

Question

我需要我桌子的最后一栏尽可能小。我该怎么做？

更新

小提琴 - http://jsfiddle.net/Y7q6R/

情节扭曲：我不知道字符串“Select all”在不同的服务器端翻译中的确切长度。

<table>
<tr>
    <td>Date</td>
    <td>Since</td>
    <td>Till</td>
    <td>
        <label>
            <input type="checkbox">
            Select all
        </label>
    </td>
</tr>

Answer 1

table td:last-child {
  /* change css padding, margin, width, height here */
} 

这将选择父元素的last-child。

http://jsfiddle.net/afzaal_ahmad_zeeshan/dp3vv/

我已经更改了最后一个元素（只有背景颜色）的css属性，您可以根据需要更改这些属性。

如果你要动态获得结果，那么你需要使用jQuery动态地进行更改，但是你不需要这样做。所以这是一个快速的

table td:last-child {
   min-width: /* some val in % */
   max-width: /* some val in % */
}

否则，请转到jQuery，根据table的宽度和浏览器window的当前分辨率动态更改内容。