无法理解提交按钮如何垂直对齐

-4

当此页面上的所有控件排列起来时，出于某种原因，提交按钮（和第一个选择控件）垂直对齐到其他控件的顶部，甚至虽然其他控件有一个标签，提交不会...无法理解提交按钮如何垂直对齐

此外，如果您调整页面的大小，使控件分成两行，提交按钮对齐到顶部，而不是其他控件了。

这是为什么？

2016-12-05 lombrozo

请用[mcve]更新您的[其他问题]（http://stackoverflow.com/questions/40981776/cannot-figure-out-how-this-button-is-vertically-aligned） - don' t多次重新发布相同的问题 – j08691

由于未在按钮上设置vertical-align属性，因此没有一致的引用来定位按钮。如果将vertical-align属性设置为“top”，并为按钮指定1em的边距（这是其他元素上方的标签的推定大小），则它将自行定位。

<input name="test6" class="form-submit" id="edit-test6" style="vertical-align: top;margin-top:1em;" type="submit" value="Apply">

2016-12-05 21:34:55 Miniversal

如果是这种情况，当按钮突破2行时仍然具有基线集，但它突然与顶部对齐...？ – lombrozo

哇，你是对的。这仍然很奇怪，但我看到如何解决。我会修改我的答案。 – Miniversal

应用按钮没有vertical-align: top属性。

2016-12-05 21:34:59

回答