CSS样式表＃2

-1

我所看到的形式可以做到这一点，而无需使用<br />等CSS样式表＃2

这里是我的形式：

<form id="staff-login" name="staff-login" action="/staff/login/" method="POST"> 
    <label for="staff-login-email">Email</label> 
    <input type="text" id="staff-login-email" name="email" value="" /> 
    <label for="staff-login-address">Password</label> 
    <input type="password" id="staff-login-password" name="password" value="" /> 
    <input type="submit" id="staff-login-submit" name="submit" value="Login" /> 
</form>

和什么要带我大约一个例子： http://img694.imageshack.us/img694/4879/43201622.gif

所有的例子，我可以谷歌插入额外的<div> s和乱七八糟的代码，我想知道如果有我有代码的方式（或者如果你可以构建我的代码“更好”）来实现我所需要的？

来源

2009-12-16 steven

我认为css风格填充和边距可以帮助你... – 2009-12-16 08:56:23

你刚才问了关于这个确切问题的另一个问题，你还想让其他人解决布局中的一个小变化？偶尔使用自己的头脑是完全合法的。 – 2009-12-16 08:59:24

在你写这篇文章的时候，你可以为找到第一个解决方案做出贡献。显然，因为有解决方案，而不是第一个，问题是不同的。 – steven 2009-12-16 09:38:52

使用CSS，将您的标签浮动到左侧。此外，让您的输入元素块一个体面的保证金......

label { float: left; width: 200px; } 
input { margin-left: 220px; display: block; } 
input.staff-login-submit { margin-left: 500px }

我刚刚猜到的利润率几个号码，以便根据需要调整。

来源

2009-12-16 08:55:12

谢谢，但提交按钮没有转到右侧，并且文本对齐：右侧;修正了标签:) – steven 2009-12-16 09:00:59

<label>和<input>是内联元素。要么使用<br />（这完全可以），要么通过CSS将它们指定为块元素。

您可以了解更多关于inline and block elements的信息。

来源

2009-12-16 08:55:58

CSS样式表＃2

回答

相关问题