相同高度列引导3行响应 – 开发百科-程序代码问答平台

嗨，我有四个分区在一排。我希望这一排的所有女主角都有相同的高度，而且不违反责任。我不知道如何在不违背责任的情况下做到这一点

我尝试过用固定的高度来解决这个问题，但就反应能力而言，这是一个糟糕的解决方案

谢谢：-）

&lt；div class=“行”&gt；
&lt；div class=“col-md-3索引分区项目”&gt；
&lt；a href=“”&gt；
&lt；div class=“well”id=“item1”&gt；
&lt；h1 class=“h1\u项目”&gt&书信电报；span class=“titre\u项目”&gt；标题&lt/span&gt&lt/h1&gt；
&lt；h2 class=“h2\u项目图标”&gt&书信电报；span class=“glyphicon glyphicon ok circle”&gt&lt/span&gt&lt/h2&gt；
&lt；p&gt；在科学院的规章制度和行为规范下的法律自由之友，以及在缺勤情况下的弗吉尼亚成年贵族/p&gt；
&lt/部门&gt；
&lt/a&gt；
&lt/部门&gt；
&lt；div class=“col-md-3索引分区项目”&gt；
&lt；a href=“”&gt；
&lt；div class=“well”id=“item2”&gt；
&lt；h1 class=“h1\u项目”&gt&书信电报；span class=“titre\u项目”&gt；标题&lt/span&gt&lt/h1&gt；
&lt；h2 class=“h2\u项目图标”&gt&书信电报；span class=“glyphicon glyphicon stats”&gt&lt/span&gt&lt/h2&gt；
&lt；p&gt；在科学院的规章制度和行为规范下的法律自由之友，以及在缺勤情况下的弗吉尼亚成年贵族/p&gt；
&lt/部门&gt；
&lt/a&gt；
&lt/部门&gt；
&lt；div class=“col-md-3索引分区项目”&gt；
&lt；a href=“”&gt；
&lt；div class=“well”id=“item3”&gt；
&lt；h1 class=“h1\u项目”&gt&书信电报；span class=“titre\u项目”&gt；标题&lt/span&gt&lt/h1&gt；
&lt；h2 class=“h2\u项目图标”&gt&书信电报；span class=“glyphicon glyphicon send”&gt&lt/span&gt&lt/h2&gt；
&lt；p&gt；在科学院的规章制度和行为规范下的法律自由之友，以及在缺勤情况下的弗吉尼亚成年贵族/p&gt；
&lt/部门&gt；
&lt/a&gt；
&lt/部门&gt；
&lt；div class=“col-md-3索引分区项目”&gt；
&lt；a href=“”&gt；
&lt；div class=“well”id=“item4”&gt；
&lt；h1 class=“h1\u项目”&gt&书信电报；span class=“titre\u项目”&gt；标题&lt/span&gt&lt/h1&gt；
&lt；h2 class=“h2\u项目图标”&gt&书信电报；span class=“glyphicon glyphicon cog”&gt&lt/span&gt&lt/h2&gt；
&lt；p&gt；在科学院的规章制度和行为规范下的法律自由之友，以及在缺勤情况下的弗吉尼亚成年贵族/p&gt；
&lt/部门&gt；
&lt/a&gt；
&lt/部门&gt；
&lt/部门&gt；

您可以通过使用javascript实现这一点。找出4个div的最大高度，并使所有div的高度与最大div的高度相同

代码如下：

$（文档）.ready（函数（）{
变量高度=$（“.well”）.map（函数（）{
返回$（this.height（）；
}).get（）；
maxHeight=Math.max.apply（空，高度）；
$（“.well”）.高度（最大高度）；
});

编辑历史记录：将“，”符号更改为“；”标志

相关文章：

发表评论 取消回复

发表评论取消回复