將表格字段上方的文本標籤並排排列

我讀How can I get two form fields side-by-side, with each field’s label above the field, in CSS?這看起來接近我所需要的。不幸的是，我對這一點太陌生，無法理解它的大部分內容。我的頁面曾經與表格一起工作，但不知怎的，它被改變了，並且修剪它的形式。將表格字段上方的文本標籤並排排列

我只能將位置標爲中心位置：絕對，但似乎不適用於較小的屏幕。除此之外，我想使用overflow：auto和固定標籤，當您向下滾動頁面時，它是沒有意義的。自動流程並不是那麼重要，因爲能夠在較小的屏幕上保留一些東西。

任何想法，可以幫助嗎？

這是網頁：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>

來源

2013-04-06 jo smith

用於簡單快捷的形式設計其他div的使用與CSS屬性使用表「浮動：左」。不要使用'絕對'和'左''右''CSS屬性。查看一些其他網站了解他們如何設計表格。

來源

2013-04-06 07:43:35 Dolo

我花了很長時間才弄到這麼遠，我真的想保持當前的代碼，除了找到一種方法來居中和修改標籤。沒有辦法嗎？我有一個css文件，但不知道該放什麼。這兩個字段位於頁面的中心，我需要讓標籤位於每個字段的頂部。請看看我上面留下的網頁鏈接。 – 2013-04-06 07:55:12

將表格字段上方的文本標籤並排排列

回答

相關問題