asp.net - 使用 CSS 在字段集中标记文本对齐

Question

在我的字段集中，我的文本框旁边（侧面）有标签，但由于某种原因，它们位于顶部而不是中间。这是我的字段集 CS​​S：

fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

label 
{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif, MS UI Gothic;
    float: left;
    width: 12em;
    text-align:right;
    vertical-align:text-bottom;
}

我错过了什么？

Answer 1

尝试调整标签元素的line-height属性。您可能需要增加或减少它。

Answer 2

对我来说，这是关于 css 最令人沮丧的事情...... Zack 是对的，它可能需要对行高进行一些调整，有时需要进行很多调整（比如 20px）。我认为浮动元素会导致行高困难？如果你想要它在行的中间，你应该设置 vertical-align:middle; 也。

希望这可以帮助...