javascript - 如何减少CSS中的填充？

Question

我的 html 代码:

<div class="body" id="contact">
<form>
<table>
<tr>
<td><label>Name</label></td>

CSS:

  div.contact {
    float: left;
   background: url(../images/separator-light-vertical.png) repeat-y right top;
   height: 225px;
   width: 254px;
   padding: 20px 40px 0 20px;
}

显示那边间距很大，如何缩小name和文本框之间的间距。

Answer 1

" . "是类和 " # "是身份证。

所以你正在使用 <div class="body" id="contact">

应该是:

#contact{
    float: left;
    background: url(../images/separator-light-vertical.png) repeat-right top;
    height: 225px;
    width: 254px;
    padding: 20px 40px 0 20px;
}

更新:1

根据屏幕截图，我已经这样做了，希望这对你有用。

代码:

<div class="body" id="contact">
<form>
<table>
<tr>
<td class="firsttd"><label>Name</label></td>
<td><input type=text></td>
</tr>
<tr>
<td class="firsttd"><label>Gender</label></td>
<td>
<input type=radio >Male
<input type=radio>Female
 </td>
  </table>

CSS:

 .firsttd{
  width:auto;
  }
 .subtd{     
 width:auto;
 }

 #contact {
float: left;
 background: url(../images/separator-light-vertical.png) repeat-y right top;
 height: 225px;
 width: 254px;
 padding: 20px 40px 0 20px;
 border:2px solid teal;
 }

更新了 HTML 代码: