CSS樣式表tds

Question

我需要處理很多頁面，好處是它們都具有相同的結構。最後我想達到這樣的視覺效果。

<tr><td style="width:15%;">label text</td> 
    <td style="width:35%;"><input type='text' style="width:50%"; /></td> 
    <td style="width:15%;">label text</td> 
    <td style="width:35%;"><input type='text' style="width:50%"; /></td> 
</tr> 

如何將CSS應用於普通表格並呈現相同的視覺效果？

Answer 1

你不能沒有任何使用CSS3或通過應用一些類幫助CSS出來：

<tr> 
    <td class="label"><label for="input1">label text</label></td> 
    <td class="field"><input type="text" id="input1"></td> 
    <td class="label"><label for="input2">label text</label></td> 
    <td class="field"><input type="text" id="input2"></td> 
</tr> 

有：

td.label { width: 15%; } 
td.field { width: 35%; } 
td.field input { width: 35%; } 

要麼或者使用Javascript。