gpt4 book ai didi

html - 对齐表单域

转载 作者:行者123 更新时间:2023-11-28 18:51:09 25 4
gpt4 key购买 nike

我刚刚编写了一个 HTML 表单,我在将评论字段与文本字段右侧对齐时遇到了一些麻烦。

我有 3 个文本字段,我想让评论文本字段与它们的右侧对齐,我尝试将其 float 到右侧,然后给它一个负的 top pargin 以将其向上移动,但文本我想说“评论”不随文本字段 float ,因为它没有类

有更简单的方法吗?

    <style type="text/css">
![enter image description here][1]<!--
body {
background-color: #FFF;
}

#form {
width:960px;
background-color:#edf8ff;
height:650px;
}

.gezza-form {
width:894px;
margin:0 auto;
margin-top:20px;
}

.gezza-field {
width:437px;
height:75px;
margin-bottom:10px;
border: 1px solid #d9e7f1;
}

.gezza-comments{
width:437px;
height:300px;
float:right;
margin-top:-80px;
}

-->
</style></head>

<body>


<div id="form">

<form action="" class="gezza-form" method="post" >
First Name<br />
<input name="firstname" type="text" class="gezza-field" /><br/>
Last Name<br />
<input name="lastname" type="text" class="gezza-field" /><br/>
Email Address<br />
<input name="email" type="text" class="gezza-field" />
Comments<textarea name="comments" cols="" rows="" class="gezza-comments" ></textarea>
</form>


</div><!-- close form -->

这是我想要实现的目标

[1]: http://i.stack.imgur.com/g3yO8.png查看图片

最佳答案

您可以创建两个 div 来容纳其他元素并将它们并排排列。

您可以使用表格和连接单元格来保存评论部分。

关于html - 对齐表单域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9210860/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com