css - fire foxのJquery UIボタンCSSの問題

Question

このページでfirefox 11.0を使用していますhttp://jqueryui.com/demos/button/ 下の画像のように（垂直に）配置されていないボタンが表示されます

クロムでは問題ありません。修復インストール用に同じバージョンのセットアップを使用して Firefox をアップグレードしました。しかし、これは問題を解決しません。

確認して教えてください、あなたはこの問題に直面していますか..??

Answer 1

はい、Firefoxにはそのような振る舞いがあります。デフォルトでは、タグのベースラインである垂直方向に整列します。これを修正するには、タグ（アンカー）に垂直方向に整列：上からスタイルを適用します。これにより、他の2つのボタンに沿って表示されます。

Answer 2

はい、私もそれを見ます.... overflow:hidden;ui-buttonクラスから削除します。

Answer 3

それらはinline-block要素であるため、デフォルト値は.writeのbaseline .writevertical-align: top;ですui-corner-all。次のように書きます。

.ui-corner-all{
 vertical-align: top;
}