gpt4 book ai didi

html - 将输入字段下的文本与输入的左下边缘对齐

转载 作者:太空宇宙 更新时间:2023-11-04 08:37:43 24 4
gpt4 key购买 nike

我有一个位于屏幕中央的输入字段。我还想将标签放在输入字段下方,但在尝试弄清楚如何将文本对齐到输入字段的左下角而不是底部居中时遇到了麻烦。我看到的结果是标签向左移动得太远。

<!DOCTYPE html>
<html>
<body>
<div style="text-align:center">
<input type="text" name="password" value=""><br>
<label style="display:block; text-align:left">Password</label>
</div>
</body>
</html>

最佳答案

设置输入和标签的宽度并使标签display:inline:block

<div style="text-align:center">
<input type="text" name="password" value=""style=" width:150px;"><br>
<label style="display:inline-block; text-align:left;width:150px;" >Password</label>
</div>

关于html - 将输入字段下的文本与输入的左下边缘对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44332291/

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