1

有没有办法说：如果约翰的身高大于迈克的身高，那么让迈克的身高等于约翰的身高？CSS（虽然我不相信这可以用 CSS 完成）或 jQuery。

查看图片 --> http://i50.tinypic.com/2ecdstw.jpg了解我的意思。

4

4 回答 4

1 
var john = $("#john").css('height'), //use css
    mike = $("#mike").height(); //or just the height() method

if (john>mike) mike=john;
于 2012-05-14T13:32:37.660 回答
1 
 $.fn.equalHeight = function(){
    var h = 0;
    this.each(function(){
        h = Math.max(h, $(this).height());
    }).height(h);
 };

这个小插件是你需要的吗？

于 2012-05-14T13:35:28.157 回答
1

你可以使用 jQuery 使用height样式属性来做这样的事情。

if($(".john").height() > $(".mike").height())
{
    $(".john").height($(".mike").height());
}

更新

上述代码的演示

于 2012-05-14T13:35:39.903 回答
0

jsBin 演示

$(".elements").height(Math.max.apply(null, $(".elements").map(function () {
    return $(this).height();
}).get()));

这是唯一的 CSS 解决方案：

  .el_wrapper{
    position:relative;
    display:table;
    overflow:hidden;
  }      
  .el{
    position:relative;
    display:inline-block;
    overflow:hidden;
    width:150px;
    float:left;
    background:#eee;
    margin:3px;
    padding:10px;
    margin-bottom:-3000px;
    padding-bottom:3015px;
  }

jsBin 演示 2

于 2012-05-14T13:36:41.840 回答