CSS样式表tds

时间:2010-01-28 02:37:52

标签: html css html-table

我需要处理很多页面,好处是它们都具有相同的结构。最后我想要达到这样的视觉效果。

<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应用于普通表并呈现相同的可视结果?

1 个答案:

答案 0 :(得分:2)

你不能不使用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。