如何使用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对齐表格如表格？

回答

相关问题