javascript - 使用 css 使表格 td 灵活

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 参考）：

label{
    white-space:nowrap;
    width:100%;
    border:1px solid blue;
}

JSFiddle.net 上的工作示例