無法理解提交按鈕如何垂直對齊

-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

回答