html 表单form对齐问题 怎么让右边的框框对齐啊
发布网友
发布时间:2022-04-23 06:07
我来回答
共4个回答
热心网友
时间:2022-04-21 21:45
套一个div ,然后右对齐。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>居中对齐</title>
<style>
.a{
width: 300px;
height: 30px;
}
#b{
width: 500px;
border: 1px solid red;
text-align: right; /*右对齐*/·
}
</style>
</head>
<body>
<div id="b">
<form action="">
姓名:<input type="text" class="a" value=""><br><br>
年龄:<input type="text" class="a" value=""><br><br>
兴趣爱好:<input type="text" class="a" value="">
</form>
</div>
</body>
</html>
热心网友
时间:2022-04-21 23:03
套一个div ,然后右对齐就可以了。
比如:
热心网友
时间:2022-04-22 00:37
也可以给左边提示信息一个固定宽度,这样文本框就距离左侧宽度一样了
热心网友
时间:2022-04-22 02:29
input {
float:right;
}
or
<input type="text" name="name" style="float:right" />