使表td靈活使用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; 
} 

上 label

而且white-space:nowrap（MDN Reference）：

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

Working example on JSFiddle.net