CSS：为什么只有第一个元素的高度不同？

这里：第一个字段是40px高，而所有其他字段都是30px高。我不明白这怎么可能

我想：

• 纠正并理解问题
• 使所有字段“垂直对齐”（标签不垂直居中）

---

非常感谢您的帮助

在回答第二个问题时，为标签指定一个与旁边的输入相等的

行高度。您也可以尝试：

position: relative;
top: 50%;
bottom: 50%;
line-height: 0;

为了更一般的风格。只需将其应用于
.labels
或其他内容，而不是单独设置每个标签的样式。
以下来自bootstrap的css在输入下方添加10px的边距：

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
}

我删除了东西，但20px的高度加上8px的垂直填充，2px的边框，10px的边距底部意味着这将有40px的总高度

覆盖此样式，但为此特定元素添加
margin:0
。
输入为30px高。由于这些输入，
容器高达40px。非常感谢您的解释。我尝试应用jimjimmy1995的答案，它解决了第二个问题，这对我来说非常重要。再次谢谢你谢谢你！剩下的唯一问题是它在我的
Nexus7
上看起来很难看。你知道我如何改变样式来应用它吗
text align:right仅在正常屏幕上（=不在手机或平板电脑上）？