HTML表格宽度自动流体布局和nowrap

Question

我希望表格宽度是TD中元素的宽度（文本或输入或选择）。 CSS表格宽度100％不是解决方案，宽度自动不是。那么解决方案是什么？

实施例

CSS

table{width:10px;} //this is the trick I am using but there must be a better solution

td{border:1px solid black;white-space:nowrap;padding-left:10px;padding-right:10px;}

HTML

<table>
    <tr>
        <td>1</td>
        <td>Some text... </td>
        <td>May 2011</td>
        <td>Edit</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Another text... </td>
        <td>April 2011</td>
        <td>Edit</td>
    </tr>
</table>

正在工作，但我没有把表格宽度设置为10px是解决方案

这是一个演示小提琴

http://jsfiddle.net/rM47m/493/