Question

我想知道是否可以在表格中添加空格？这是我的代码：我想在“复制反垃圾邮件代码”和代码出现的框之间留一个空格。你怎么能做到这一点？感谢

<table>
    <tr>
    <td><label for="name">Name:</label></td>
    <td><input type="text" name="name" size="60" maxlength="60" eform="Name::1" /></td>
</tr>

<tr>
    <td><label for="firstName">First Name:</label></td>
    <td><input type="text" name="firstName" size="60" maxlength="60" eform="First Name::1" /></td>
</tr>

<tr>
    <td>Copy the anti-spam code:<br/><img src="[+verimageurl+]" alt="verification code" border="1"/></td>
    <td valign="top"><input type="text" name="vericode" size="20" />
</tr>

<tr>
    <td rowspan="2" valign="right">
        <input align="right" type="submit" name="submit" value="Register" />
    </td>
</tr>

</table>

Answer 1

我认为你的意思是垂直空间，因为有一个换行符？

选项：

1）将“将反垃圾邮件代码复制”文本包装到label class="antispam"并将label padding-bottom值设为

2）给图像class="antispam"并为该类提供margin-top值

更新：示例。

头脑中：

<style type="text/css">

   img.antispam { margin-top: 16px }      

</style>

在标记中：

<img class="antispam" src="[+verimageurl+]" alt="verification code" border="1"/>

Answer 2

请问您使用“代码框”的图片吗？

“Space”通常在CSS中使用margin创建：

<img src="[+verimageurl+]" alt="verification code" border="1" style="margin-top: 2em;"/>

考虑将样式移动到外部样式表。

Answer 3

快速而肮脏

...
<tr>
    <td>Copy the anti-spam code:<br/><img src="[+verimageurl+]" alt="verification code" border="1"/></td>
    <td valign="top"><input type="text" name="vericode" size="20" />
</tr>

<tr><td colspan="2">&nbsp;</td></tr>

<tr>
    <td rowspan="2" valign="right">
        <input align="right" type="submit" name="submit" value="Register" />
    </td>
</tr>
...

Answer 4

喜欢这个

<td>Copy the anti-spam code:&nbsp;&nbsp;<br/><img src="[+verimageurl+]" alt="verification code" border="1"/></td>

或者你是说这个？

<td>Copy the anti-spam code:&nbsp;&nbsp;<br/><br/><img src="[+verimageurl+]" alt="verification code" border="1"/></td>

Answer 5

您可以使用 放置一个空格，或者使用透明的1x1像素图像并将其拉伸到您需要的尺寸/

在html中添加空格

5 个答案: