在每个选项卡导航中保持div相等的高度

Question

我想根据每个标签导航中的内容维护div高度。 现在我使用此代码来维持div高度

$.fn.equalHeights = function () {
var max_height = 0;
$(this).each(function () {
    max_height = Math.max($(this).height(), max_height);
});
$(this).each(function () {
    $(this).height(max_height);
});
};

$('.card-content').equalHeights();

但是这里面临的问题是，每当页面加载Tab 1 Div只能正常工作时，保留选项卡导航标签div内容它不起作用。

即使我尝试更改每个标签的div的类名。如何根据标签内容维护div相等的高度？

Answer 1

您只能使用CSS来实现此目的。 col-container是此示例中div或div.card-content的育儿.col。

.col-container {
     display: table; /* Make the container element behave like a table */
     width: 100%; /* Set full-width to expand the whole page */
}

.col {
     display: table-cell; /* Make elements inside the container behave like table cells */
}