Question

请参阅此jsfiddle。

我想使用用户名和密码在无序列表右侧设置脚本登录表单的样式。

Answer 1

围绕UL和表格包裹容器，并为其指定固定宽度或最小宽度，以防止浮动下降（形式下降到ul和左下方）。

http://jsfiddle.net/6e86p/

调整表格宽度以确保2个字段垂直排列（如我的jsfiddle）或水平排列。如果您需要使用表格宽度，您可能希望将每个标签/输入对包装在固定的div中，以确保每个标签与其输入水平对齐并且不会落在下面。

Answer 2

使用control +鼠标滚轮可以缩小结果窗格。您会看到登录框位于正确的位置。无需更改！

Answer 3

首先，包装你的表单元素（我为此使用了dl）

<form action="/bin/process.php" method="post" enctype="multipart/form-data">
     <dl>
         <dt>
            <label>Username:</label>
         </dt>
         <dd>
<input type="text" value="" />
         </dd>
         <dt>
<label>Password:</label>
         </dt>
         <dd>
<input type="password" value="" />
         </dd>
         <dt></dt>
         <dd>
<input type="submit" value="Login" />
         </dd>
     </dl>
</form>

然后我添加了以下CSS

dt { width: 50px; float: left; }
dd { margin-left: 100px; }

结果为您提供了右侧的堆叠用户名/密码框。查看结果here，您可能需要展开结果部分以便正确查看。

无法设置登录用户名表单标签的样式

3 个答案: