gpt4 book ai didi

html - 如何对齐两个文本框?

转载 作者:行者123 更新时间:2023-11-27 22:43:38 25 4
gpt4 key购买 nike

我有一段HTML代码如下

<body>
Hello UserName:<input tyep="text"/><br/>
Pass:<input type="text"/>
</body>

我希望这两个文本字段应该以这样一种方式对齐,即它们的左边框应该从两行的相同位置开始。因为如果我运行这两个文本字段,那么它们的标签恰好在它们的标签结束后开始,我不想要,因为它看起来很奇怪。我该怎么做?

最佳答案

看看this使用 Chrome 开发者工具或 Firebug 的示例。

HTML:

<div class="main">
<div class="field">
<label for="n">Name</label>
<input type="text" name="n" />
</div>
<div class="field">
<label for="ln">Surnemt</label>
<input type="text" name="ln" />
</div>
<div class="field">
<label for="a">Bithplace</label>
<input type="text" name="a" />
</div>
</div>

CSS:

body {font-size:14px;}
label {float:left; padding-right:10px;}
.field {clear:both; text-align:right; line-height:25px;}
.main {float:left;}

关于html - 如何对齐两个文本框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9065162/

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