html - 如何删除 HTML 表格行中表格数据之间的空格？

Question

我想弄清楚如何删除 HTML 表格行中表格数据之间的额外空间。例如，在我的网络浏览器 IE 中查看代码时，在下面的代码中，“名字”表数据和“输入名称”表数据之间存在额外的空间。这是示例:

<tr> 
<td>First Name:</td> 
<td><input name="fname" id="fname" size="30" type="text" /></td> 
</tr>

我需要输入文本框合理地接近类别(即:“名字”)。我要求不包括表格边框、2 的 cellpadding 和 65% 的宽度，这就是我在代码中列出的内容，它正在执行此操作。

我怎样才能保持这些要求并仍然获得我需要的外观(这是两个表数据字段之间的最小空间)？任何帮助将不胜感激。谢谢!

这是我的代码:

    <form name="Web Order Form" id="Web Order Form">
<table border="0" cellpadding="2" width="65%">
<!--Personal Info. table -nested table 1 -->
    <tr>
        <th>Personal Information</th>
    </tr>

    <tr> 
        <td>First Name:</td> 
        <td><input name="fname" id="fname" size="30" type="text" /></td> 
    </tr> 

    <tr>
        <td>Last Name:</td>
        <td><input name="lname" id="lname" size="30" type="text" /></td>
    </tr>

    <tr>
        <td>Address:</td>
        <td><input name="address" id="address" size="30" type="text" /></td>
    </tr>

    <tr>
        <td>City:</td>
        <td><input name="city" id="city" size="35" type="text" /></td>
    </tr>

    <tr>
        <td>State:</td>
        <td><input name="state" id="state" size="3" type="text" /></td>
    </tr>

    <tr>
        <td>Zip Code:</td>
        <td><input name="zip" id="zip" size="10" type="text" /></td>
    </tr>

    <tr>
        <td>Country:</td>
        <td><input name="country" id="country" size="10" type="text" /></td>
    </tr>

Answer 1

听起来您需要右对齐第一列中的文本。你可以这样做:

<td align='right'>

或使用 CSS

<td class='label'>

样式为:

.label {
  text-align:right;
}