如何使用div对齐表格如表?

时间:2010-12-17 11:03:04

标签: html css css-tables

这是我的代码:

<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的新手,我不希望表格对齐,但完美应该是相同的,并且不希望将样式应用于单个元素。 任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:7)

我假设你想要将标签和输入彼此对齐,在这种情况下你需要浮点数。这是快速的CSS代码:

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

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

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

我认为应该有效:)