Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法理解“提交”按钮是如何垂直对齐的_Javascript_Html_Css - Fatal编程技术网

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

Javascript 无法理解“提交”按钮是如何垂直对齐的,javascript,html,css,Javascript,Html,Css,当此页面上的所有控件对齐时,出于某种原因,提交按钮和第一个选择控件与其他控件的顶部垂直对齐,即使其他控件有标签且提交没有 此外,如果调整页面大小,使控件分为两行,则“提交”按钮将与顶部对齐,而不再与其他控件对齐 为什么会这样?因为按钮上没有设置垂直对齐属性,所以没有一致的参考来定位按钮。如果将“垂直对齐”属性设置为“顶部”,并为按钮提供1 em的页边距顶部,这是其他元素上方标签的假定大小,则它将始终定位自身 <input name="test6" class="form-submit" i

当此页面上的所有控件对齐时,出于某种原因,提交按钮和第一个选择控件与其他控件的顶部垂直对齐,即使其他控件有标签且提交没有

此外,如果调整页面大小,使控件分为两行,则“提交”按钮将与顶部对齐,而不再与其他控件对齐


为什么会这样?

因为按钮上没有设置垂直对齐属性,所以没有一致的参考来定位按钮。如果将“垂直对齐”属性设置为“顶部”,并为按钮提供1 em的页边距顶部,这是其他元素上方标签的假定大小,则它将始终定位自身

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

“应用”按钮没有“垂直对齐:顶部”属性。

请使用a更新您的-不要多次重复提出同一问题如果是这种情况,则当按钮在两行以上时仍设置了基线,但它突然对齐到顶部…?哇,您是对的。这仍然很奇怪,但我知道如何解决。我将修改我的答案。