Question

如何让长短不一，难以对齐的label和input排列得好看一点

Answer 1

html:
<div class="editor-label">
<label>name</label>
<input type="text" name="name" id="name" />
</div>
css:
.editor-label {
margin: 0px 0 0 0;
height: 33px;
display: inline-block;
width: 300px;
min-width: 300px;
position: relative;
}
.editor-label label {
width: 120px;
font-size: 14px;
line-height: 30px;
display: inline-block;
text-align: right;
}
.editor-label input[type='text'], .editor-label select, .editor-box input[type='text'], .editor-box select {
height: 23px;
border: 1px solid #ddd;
padding-left: 10px;
font-size: 13px;
border-radius: 3px;
width: 140px;
}

像这样是一个例子，然后如果遇到特别长的你可以单独去设置他的width，每个都会有自己的独占位置。