[英]CSS styling table tds
我需要處理很多頁面,但是好是它們都有相同的結構。 最后,我想實現這樣的視覺效果。
<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應用於普通表並呈現相同的視覺結果?
您不能不使用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,要么使用Javascript。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.