Question

我正在尝试将浮动标签与浮动输入字段对齐。当然，我一直在寻找，但没有可用的答案帮助我。

在此处找到它：jsfiddle

问题与我为body-tag设置的字体大小有关。删除它，你会看到标签和输入垂直对齐。

如何解决此问题（不删除正文的字体大小样式，我的整个应用程序依赖于此）？

Answer 1

由于你有一个字段列表，我会在label + field内包裹每一对list-item，从而对<li>元素应用基本清算

#addagentform li {
   height: auto; overflow: hidden;
}

你达到了效果。看小提琴：http://jsfiddle.net/AGV6G/6/

Answer 2

不要使用棘手且容易出错的浮动，只需使用一个简单的逻辑表，一列中有标签，另一列中有相应的输入项，您可以立即完成任务。这也将解决现在标签可以离输入项非常非常远的问题。

<form ...>
<table>
  <tr><td><label for="firstname">*Förnamn:</label> 
      <td><input type="text" name="firstname" id="firstname">
  <tr>...
</table>
</form>

我的输入标签不会与我的输入类型=文本对齐

2 个答案: