html - 表到 div : adapting width

Question

我想通过 div 构造执行以下操作:

<table border="1">
<tr>
<td>Field 1</td><td><input type="text"></td>
</tr>
<tr>
<td>Field 2 longest</td><td><input type="text"></td>
</tr>
<tr>
<td>Field 3 long</td><td><input type="text"></td>
</tr>
</table>

http://jsfiddle.net/6AvMm/

主要问题是，如何将第一列的宽度设置为最长的(字段2)？您知道，表格仅用于表格数据 - 这个案例显然是一个布局。

Answer 1

使用display:table display:table-row; AND display:table-cell;

<强> Updated fiddle