javascript - 自定义布局 div，固定 Div 但浏览器的响应大小，响应文本

Question

注意:我正在使用各种链接 css n js，所以对我来说有点复杂..

最终用户请求是:

1. 带有 ajax 进度的选项卡菜单，其中之一是“container div”
2. 容器div的结果有边框
3. 容器div里面有四种类型的盒子，
4. 键入 a:33% 表单宽度,b:67%,c:100%,d:67%+2row 全部固定。(1 行可以填充 3 种类型的 a，或者只输入 b 和类型 a，或种类..)
5. 每个div的容器都是各种文字，有title，meta description，description，button。(容器不能传div，只能传猫字不能传字符，小尺寸容器必须跟div)
6. 在所有div的末尾底部都有一个按钮。

进度:

1. 完成
2. 完成
3. 完成
4. 完成
5. 卡住了
6. 完成

样本但只是样本，只是为了想象..

1. Pick html 5 and look the list of news or kind of that

2. 3 box with almost like my want but

文本可能会打断行，如果文本不合适，我希望将文本剪切成文字，并且我不会调整文本大小。但它总是因 div 布局而崩溃。

感谢任何帮助..

Answer 1

给你:https://jsfiddle.net/g96c1g3L/4/

function resizeRowHeight() {
    var maxHeight = 0;
    $('div[class^="col-sm-"]').each(function() {
        if ($(this).height() > maxHeight) {
            maxHeight = $(this).height();
        }
    });
    $('div[class^="col-sm-"]').each(function() {
        $(this).css('min-height', maxHeight + 'px');
    });
}

更新的 fiddle

https://jsfiddle.net/g96c1g3L/5/