在div頂部保留html按鈕

Question

html按鈕在firefox和chrome中表現得非常不同。以此示例http://jsfiddle.net/nuu1bfe2/。

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

在Firefox中，它們被放置在父項的底部，但是在鉻中它們被放置在頂部。我如何確保按鈕始終位於頂部。

Answer 1

用途：

button{ 
    vertical-align: top; 
} 

demo

Answer 2

您可以使用vertical-align: top：

垂直對齊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> 

添加CSS在你的HTML。