Javascript 将相邻列中的标题元素最小高度设置为与最高标题一样高

我正试图使不同高度的标题下面的列的内容在vanilla javascript中都从同一位置开始。当前脚本可以设置标题的

最小高度

，以便没有标题比另一个短。但是，一旦设置了代码> min高度> /代码>，标题就不能再变小，即使增加了列的大小，也会使中间的标题不再被包装。

window.onload=function（）{
相同重量（）；
}
window.onresize=函数（事件）{
相同重量（）；
};
函数sameHeight（）{
让matches=document.querySelectorAll（“[data sameheight]”）；
让minHeights={}；
for（设i=0；i

.col{
浮动：左；
边框：1px纯色灰色；
填充：1rem；
右边距：1rem；
宽度：25%；
}

标题
内容

更长的标题
内容

标题
内容

我编辑答案是为了在没有Javascript的情况下解决您的问题。可以将flexbox用于等高柱/图元

如果有帮助，请告诉我

.col{
浮动：左；
边框：1px纯色灰色；
填充：1rem；
右边距：1rem；
宽度：25%；
}
.上校h1{
身高：100%；
}

标题
内容

长标题fsdscd sdcscds
内容

标题
内容

我编辑答案是为了在没有Javascript的情况下解决您的问题。可以将flexbox用于等高柱/图元

如果有帮助，请告诉我

.col{
浮动：左；
边框：1px纯色灰色；
填充：1rem；
右边距：1rem；
宽度：25%；
}
.上校h1{
身高：100%；
}

标题
内容

长标题fsdscd sdcscds
内容

标题
内容

问题不在于代码段中的列宽是固定的，它只是作为一个示例设置为强制包装较长的标题。我已将代码段更新为使用百分比。问题是，一旦标题被包装，并且

min height

已经增加，即使您再次使屏幕变宽，标题也不会被包装

min height

将不会被设置为低于最大标题高度的任何值。我现在看到了问题。让我用一个更简单的解决方案进行编辑，而不需要Javascript。我认为这不会起作用，因为我在我的项目中使用了引导。我的问题与非常类似，只是我没有使用jQuery。@Nostupidquestions，这应该不是问题。我对我的问题进行了编辑，以便对引导类执行完全相同的操作。在本例中，是否可以对列进行换行，比如说，如果设置了断点，则问题不在于代码段中的列宽是固定的，仅将其设置为这样的示例，以强制换行较长的标题。我已将代码段更新为使用百分比。问题是，一旦标题被包装，并且

min height

已经增加，即使您再次使屏幕变宽，标题也不会被包装

min height

将不会被设置为低于最大标题高度的任何值。我现在看到了问题。让我用一个更简单的解决方案进行编辑，而不需要Javascript。我认为这不会起作用，因为我在我的项目中使用了引导。我的问题与非常类似，只是我没有使用jQuery。@Nostupidquestions，这应该不是问题。我对我的问题进行了编辑，以便对引导类执行完全相同的操作。在本例中，如果断点是