jQuery UI buttonset 垂直不稳定 [关闭]答案

【问题标题】：jQuery UI buttonset verticaly wonky [closed]jQuery UI buttonset 垂直不稳定 [关闭]
【发布时间】：2013-02-06 17:33:52
【问题描述】：

您好，我有this jsFiddle，它显示了可能是一个错误。请注意，这是派生 html 的粘贴 - 基本上我以编程方式重置高度，以便所有按钮的高度相同（应该很简单）

对于它的价值：这是我在 butonset() 调用之后所做的程序化重新高度

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

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

问题不仅在于它们的行为异常，（上上下下，到处都是），而且我在 firebug 中看不到关于为什么会发生这种情况的任何信息。

【问题讨论】：

能否请您展示一下产生这种情况的代码。只显示结果不是很有用。
它是我正在开发的插件的一部分，因此它被大量嵌入。解开它会花费我大量的时间：不用说“错误”看起来与 jsFiddle 中的完全一样，并且在所有浏览器上都是相同的图形
我们可以等待。慢慢来
..我确实添加了它需要很长时间才能加载，但您可以看到错误 jsfiddle.net/eQau4/1 该错误发生在第 162 行附近

标签： jquery jquery-ui vertical-alignment jqueryi-ui-buttonset

【解决方案1】：

在.ui-button 上设置vertical-align

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

jsfiddle

【讨论】：

！谢谢！我自己尝试过“div align top”，因为我之前读过它是一个特定于 FireFox 的问题 - 但是没有看到“top”在做任何事情，我继续前进.. 关于为什么它的任何想法每个浏览器都有相同的效果/相同的边距？至少可以说是一种奇怪的“效果”
@user2083181 它与 jQuery UI 设置的 .ui-button-text-only .ui-button-text 上的填充有关。这与设置的高度相结合必须导致计算出现偏差。这就是为什么具有多行文本的项目会随着文本行数的增加而变得更高。