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

时间:2016-12-05 21:24:26

标签: javascript html css css3

当此页面上的所有控件都排成一行时,由于某种原因,提交按钮(和第一个选择控件)垂直对齐到其他控件的顶部,即使其他控件有标签和提交DOESN “T ...

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

http://test.cdudigital.com/?q=test

为什么会这样?

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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