Jquery 如何使所有按钮的高度相同？

这些按钮由

span

制作，我希望所有按钮的高度相同

怎么弄到的？在这里使用JSFIDLE示例

---

显然，这是因为您在select中为填充提供了一个百分比宽度。基本上，这样做时，填充将根据内容的宽度进行设置。假设你的宽度是

100px

，那么在你的情况下，填充将是

7px

。或者当它是

1000px

时，它将是

70px

。尝试为

select指定固定的填充。选择
元素而不是使用百分比。那会解决你的问题

类似地，如果您真的要使用百分比填充，则设置固定宽度。它也会起作用

**编辑**

以下是解决问题的简单方法

// on window resize
$(window).resize(function() { 
    var max = 0;
    // get the height of the longest select.select
    $("select.select").each(function() { 
       var h = $(this).height();
       if (h > max) 
          max = h;
    });
    // set the height of all select.select to max height
    $("select.select").height(h);
});

你的跨度有不同的填充，在“span.select，select.select”类中将填充设置为固定值，而不是7%，以测试填充：24px 24px“@RaduMariș-查看我对Savas回答的评论，但因为我在一个响应性网站中使用这些按钮。重新调整浏览器/屏幕大小时，按钮的宽度、高度和字体大小会增加或减少。所以我在
%
中添加了
填充
，以保持proportion@JitendraVyas问题在于，在调整浏览器大小时没有减小字体大小。如果要调整所有内容的大小，则还应调整字体大小，使其看起来更符合比例。如果你将减小字体大小，那么填充将不相等，但至少看起来更成比例。我也在减小字体大小。在实际执行中。但问题不在于字体大小，正如您在当前示例中看到的那样。所有按钮的字体大小都是一样的，但高度仍然不相等。@JitendraVyas好吧，这样看起来就成比例了。然而，由于宽度的原因，它们不会相等。不管怎样，你问为什么，我回答为什么：）在我看来，至少对于选择按钮，我会选择固定大小。我更喜欢看到3个大小相同的按钮，而不是3个大小不同的按钮。好吧，我更改了问题的标题，现在，如果有任何jquery解决方案，对我来说都没问题
// on window resize
$(window).resize(function() { 
    var max = 0;
    // get the height of the longest select.select
    $("select.select").each(function() { 
       var h = $(this).height();
       if (h > max) 
          max = h;
    });
    // set the height of all select.select to max height
    $("select.select").height(h);
});