我阅读了如何在 CSS 中并排获得两个表单字段,每个字段的标签位于字段上方?这似乎接近我所需要的。不幸的是,我对此太陌生,无法理解其中的大部分内容。我的页面曾经与表格一起使用,但不知何故它被改变了,并以表格为基础。
我只能以 position:absolute 为标签居中,但这似乎不适用于较小的屏幕。此外,我想使用溢出:自动和固定标签,当你向下滚动页面时它没有意义。自动流并不重要,因为它能够在较小的屏幕上保持原位。
请问有什么可以帮助的想法吗?
这是页面:http ://pintotours.net/coding/form.php 当前代码的示例:
> <form method="post" action="./database.php">
> <DIV style="position: absolute; left:590px; width:40px; height:25px">Username</DIV> <DIV style="position: absolute;
> right:545px; width:150px; height:25px">Repeat username</DIV> <br>
>
> <center> <p><label for="Username"> </label><input type="text"
> name="username" />
> <label for="Repeat Username"></label><input type="text" name="repeat-username" /></p>
>
> <DIV style="position: absolute; left:590px; width:40px;
> height:25px">Password</DIV> <DIV style="position: absolute;
> right:557px; width:150px; height:25px">Repeat password</DIV> <br>
>
> <p><label for="Password"> </label><input type="text" name="password" />
> <label for="Repeat Password"></label><input type="text" name="repeat-password" /></p><br>
>
>
> </center>