将html按钮保留在div的顶部

Question

html按钮在firefox和chrome中的表现非常不同。举个例子http://jsfiddle.net/nuu1bfe2/。

<div>
    <button>hi</button>
    <button>hi<br/>you, there</button>
</div>

在firefox中，它们被放置在父级的底部，但是在chrome中它们被放置在顶部。如何确保按钮始终位于顶部。

Answer 1

使用：

button{
    vertical-align: top;
}

demo

Answer 2

您可以使用vertical-align: top：

  

vertical-align CSS属性指定了一个垂直对齐方式   内联或表格框。

     

热门

     

将元素及其后代的顶部与顶部对齐   整条线。

div button {
  vertical-align: top;
}

<div>
  <button>hi</button>
  <button>hi
    <br/>yuo, there</button>
</div>

<强>参考

vertical-align

Answer 3

 <style type="text/css">
     button{
     vertical-align:top;
     }
</style>

在你的HTML中添加css。