如何使用div對齊表格如表格？

這裏是我的代碼：如何使用div對齊表格如表格？

<div> 
    <label>Name</label><input type="text" id='name'/><br /> 
    <label>Email</label><input type="text" id='email'/><br /> 
    <label>Place</label><input type="text" id='place'/><br /> 
</div>

我新的CSS，我不想表得到一致做，但完美應該像一樣，並且不希望應用樣式的單個元素。任何幫助表示讚賞。

來源

2010-12-17 illuminatus

爲什麼不使用表？像這樣的表格是正確使用表格的主要例子。 – RoToRa 2010-12-17 11:06:36

不同意。表格是表格數據。表格不是其中之一。 – Lex 2010-12-17 11:24:23

是的，我和Lex在這一次 - 這可能更容易對齊，但這是一個快速和骯髒的解決方案，只是讓事情變得困難。我建議遠離桌子儘可能:) – 2010-12-17 12:06:08

我假設你想要將標籤和輸入相互對齊，在這種情況下，你將需要浮動。下面是快速的CSS代碼：

form { 
width: 500px; 
overflow:hidden;} 

label { 
clear: both; 
float: left; 
width: 40%;} 

input { 
float: left; 
width: 55%;}

我認爲應該工作:)

來源

2010-12-17 11:12:12

thnx..it工作:) – illuminatus 2010-12-17 12:08:36

沒有probs - 很高興它的工作:) – 2010-12-17 12:11:35

but..i試圖在jQuery中滑動的東西..因爲它不工作..？ – illuminatus 2010-12-17 12:12:56

如何使用div對齊表格如表格？

回答

相關問題