jQuery UI buttonset verticaly wonky

嗨我有this jsFiddle顯示可能是一個錯誤。請注意，這是一個派生的HTML粘貼 - 基本上我重置高度以編程方式，以便所有的按鈕都是相同的高度（應該很簡單）jQuery UI buttonset verticaly wonky

它的價值：這裏是我的程序重新高度後butonset（）調用

fullHeight = 0; 
    $('.jQueryUIGrid_topgrid').each(function(){ 
     fullHeight = ((fullHeight<$(this).height()) ? $(this).outerHeight() : fullHeight); 
    }); 

    $('.jQueryUIGrid_topgrid').each(function(){ 
     $(this).css('height',fullHeight); 
    });

問題不只是他們的行爲很奇怪，（上，下，所有的地方），這是我可以看到螢火蟲沒有信息，爲什麼這正在發生。

來源

2013-02-21 user2083181

能否請您顯示，產生這種情況的代碼的小提琴。只顯示結果並不是很有用。 – JJJ 2013-02-21 11:50:38

它是我正在開發的插件的一部分，所以它的嵌入性很強。這需要我花費大量的時間來取出它：不用說這個「bug」看起來和jsFiddle完全一樣，它在所有瀏覽器上都是相同的圖形 – user2083181 2013-02-21 11:53:09

我們可以等待。把你的時間 – Alexander 2013-02-21 11:53:49

設置一個vertical-align上.ui-button

#jQueryUIGrid_radio .ui-button { 
    vertical-align: bottom; 
}

jsfiddle

來源

2013-02-21 12:10:32

！謝謝！我自己嘗試過「div align top」，因爲我已經閱讀過它是FireFox特定的問題 - 但是那個「top」沒有被看到做任何事情，我繼續前進..關於爲什麼它是每個瀏覽器都有相同的效果/相同的邊距？看起來像一個奇怪的「效果」至少可以說 – user2083181 2013-02-21 12:37:14

@ user2083181它與jQuery UI設置的'.ui-button-text-only .ui-button-text'上的填充有關。這與設定的高度相結合必然會導致計算偏斜。這就是爲什麼隨着文本行數增加，具有多行文本的項目會更高。 – 2013-02-21 12:44:42

jQuery UI buttonset verticaly wonky

回答

相關問題