2014-09-30 62 views
-3

enter image description here你如何对齐标签

我如何对齐“记住我”框,以便它涉及到左侧,这样的复选框应与用户名和密码的文本框开始启动。

目前它是 -

<tr> 
    <td colspan="2" class="buttons"> 
     <label> 
      <input id="rememberme" name="rememberme" value="remember" type="checkbox" />&nbsp;Remember me</label> 
     <input type="submit" name="login" value="Login" /> 
    </td> 
</tr> 
+0

请拨打您的代码 – Tushar 2014-09-30 11:31:51

+1

我们需要看到一些css – lharby 2014-09-30 11:37:07

+0

包含演示此问题的完整代码(HTML和CSS)。 – 2014-09-30 11:42:55

回答

1

添加一个标签在你的“记住我”的文字,并分配一个类给它;

然后给该类以下样式:

.aux { 
 
    float: left; 
 
}
<tr> 
 
    <td colspan="2" class="buttons"> 
 
     <label> 
 
      <input id="rememberme" name="rememberme" value="remember" type="checkbox" /> 
 
      <label class="aux">&nbsp;Remember me</label> 
 
     </label> 
 
     <input type="submit" name="login" value="Login" /> 
 
    </td> 
 
</tr>

这是你要找的?

+0

是的,增加浮动attrib工程!谢谢。虽然我对这个愚蠢的问题感到尴尬,并且根本没有给出所有的CSS信息。好吧,我现在正在应用“Ostrich_algorithm”来处理这种尴尬。 – Arovit 2014-10-01 07:37:32

+0

@Aro,我很高兴我的帮助 – chiapa 2014-10-01 08:35:01

0

,你将需要删除保证金为在缺省情况下给出

检查第一

Js Fiddle

.valign{ 
    vertical-align: bottom; 
} 

input{ 
    margin:0; 
} 
0

尝试插入您的形式在两列的表复选框:

<table> 
<tr> 
    <td>User Name:</td> 
    <td><Input type="text"/></td> 
</tr> 
<tr> 
    <td>Password:</td> 
    <td><Input type="password"/></td> 
</tr> 
<tr> 
    <td></td> 
    <td class="buttons"> 
     <label><input id="rememberme" name="rememberme" value="remember" type="checkbox" /> &nbsp;Remember me</label> 
     <input type="submit" name="login" value="Login"/> 
    </td> 
</tr> 

小提琴:http://jsfiddle.net/2wj86k32/

0
<tr><td class="buttons"><label>Username</label></td> 
    <td><input id="rememberme" name="rememberme" type="text" /></td></tr> 

<tr><td class="buttons"><label>Username</label></td> 
    <td><input id="rememberme" name="rememberme" type="text" /></td></tr> 

    <tr><td class="buttons"></td> 
     <td><input id="rememberme" name="rememberme" type="checkbox" /><label>remember me</label><input type="submit" value="Login" /></td></tr> 

这是你需要什么?