一个html文档 为什么用户名和输入用户名的方框不能对齐 用什么方法可以解 祥解

Question

一个html文档 为什么用户名和输入用户名的方框不能对齐 用什么方法可以解 祥解 我是个初学者 解答正确必踩 万分感激

Answer 1

方法一：直接给文字加上span标签。如下：
html代码：
<form id="login_form">
<span>用户名：</span><input type="text">
<span>密码：</span><input type="password">
</form>
css代码：
#login_form span,#login_form input{
vertical-align:middle;
}本回答被网友采纳

Answer 2

给用户名外添加一个label标签设置这个标签的css：display:inline-block;vertical-align:top;line-height:和后面input的高度一样
后面的input设置css:vertical-align:top

Answer 3

<td style="padding-left:5px;vertical-align:middle;">
<span style="height:20px;font-size:14px;">申请人：</span>
<input style="width:120px;font-size:14px;" id="username"/>
</td>追问

今晚我用div弄了下 可以在div标签里 文本框和用户名对齐了 不知道有没有什么其他的影响

追答

高度不要自适应，基本没问题。

追问

知道了

本回答被提问者采纳

Answer 4

个人建议<div><span>用户名</span><input type="text" value="..."></div>
css:

div{width:200px; height:50px;}

span{display:block; float:left;}
input{display:block; float:left;width:100px;}

Answer 5

你可以用 定位的方式做一般什么情况都可以解决，如果你是初学者建议多看看一些基础教程