在html中添加空格

问题描述:

我想知道它是否可以在表格中添加空格? 这是我的代码:我想在“复制反垃圾邮件代码”和代码出现的框之间留有空格。 你怎么能这样做? 感谢在html中添加空格

<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> 
+2

 不适合你吗? – mplungjan 2010-08-16 08:58:23

+2

什么是valign =“right”? – kennytm 2010-08-16 08:58:57

+0

@mplungjan:我试了一下,但是所有你写信息的地方移到了右边。我想让垃圾邮件代码向下移动 – tintincutes 2010-08-16 09:04:13

我假设你的意思是垂直空间,看到有一个换行符?

选项:

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"/> 
+0

可以给我一个这样的例子吗?我不知道在哪里添加这个 – tintincutes 2010-08-16 09:21:15

+0

@tintin增加了一个例子 – 2010-08-16 09:24:24

+0

谢谢我会试试这个,并且让你知道 – tintincutes 2010-08-16 09:55:03

快速和肮脏的

... 
<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> 
... 

像这样

<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> 
+0

ok,但是这只是将文本框移动到右边,但是出现垃圾邮件代码的地方,我想让垃圾邮件框向下移动一点。那可能吗? – tintincutes 2010-08-16 09:03:12

+0

是的,删除nbsp并使用两个br或者如果那太多了,请使用CSS为图片添加一个边距 – mplungjan 2010-08-16 09:12:14

你可以使用&nbsp;把一个空间,也可能使用一个透明的1x1像素图像和伸展,为大小你需要/

你是我的图像与“代码框”?

“空间” 通常是与margin在CSS创建:

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

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

+2

+1给你和Pekka我不敢相信不涉及CSS的回答数量 – 2010-08-16 09:03:42

+0

ye s,你是否看到那个代码在哪里变化的盒子?就在“单词”注册的上方?这就是我的意思,如果可能的话,我想稍微向下移动它,但是这个工作不正常 – tintincutes 2010-08-16 09:08:12