使用css使表格灵活

Question

我创建了一个演示。关于表格单元格的灵活性，我需要一些帮助。

我有一些桌子的单元格，其宽度应固定。

但细胞由标签组成，可以有长文本或短文本。

基于此标签，表格单元格应灵活运行。但条件是文本应该在一行中，不应该与其他单元格文本一起包装。

的CSS;

td{
    width:100px;
    border:1px solid red;
} 

HTML：

<table>
    <tr>
        <td>
            <label>asjkdkasdhadhakdhad asdjkaskdhaksdhakdhakd askdhaskdhakdhakdjad akssdhadkhakd </label>
        </td>
        <td>
            <label>an </label>
        </td>
    </tr>


</table>

http://jsfiddle.net/NDMTH/3/

Answer 1

如果我理解，请使用属性min-width代替width：

td{
    min-width:100px;
    border:1px solid red;
} 

white-space:nowrap label（MDN Reference）上的label{ white-space:nowrap; width:100%; border:1px solid blue; } ：

{{1}}

Working example on JSFiddle.net