如何强制内联阻塞的div到相同的高度
我有像网格一样的内联阻塞div。 我想强制所有在同一行的同一高度，他们应该得到最长的div的高度。
Css，jquery或简单的JavaScript解决方案会很棒。
这是现在非常普遍的事情……我去看了一下砌体，但就我在样本图形上的理解而言，它并没有像这样对齐……我是对的吗？
有问题的博客： http ： //ildesign-blogger-demo-1.blogspot.fr/
HTML：
text text + image text whatever text + image text CSS：
.container {width: 100%; display:block;} .inline {display: inline-block; width: 28%; margin: 1%; padding: 1%;}
因此，每行中有三个内联div，我希望线条对齐，所以内联div应该具有相同的高度，就像行中最长的div一样……
编辑：我重新编辑了这篇文章，添加了一个Blogger xml模板生成的html。 所以，如果你建议将每三个内联div添加到一个div中，就像一行，我不知道怎么做…原始的xml代码：
所以上面的html示例中的.blog-posts = .container和.date-outer = .inline …
砌体可以做到吗？ 或者用于制作具有相同高度的网格的jquery代码？
display: inline-block样式是为其他东西设计的，这里是它的设计示例（ inline是一个单独的调度模式，因此我建议将类重命名为inline-block无论你要采用哪种方式继续 – 现在我用你的namings）：
用100个单元格创建：
1 2 3 .. 100
然后调整窗口大小，看看盒子如何布局。
你需要的是一张桌子，或者一张桌子：
First Col Content Second Col Content Third Col Content
或者一个CSS：
First Col Content Second Col Content Third Col Content
非常简单的jQuery插件，它还包括在更改窗口大小时自动调整元素大小。
将.my-inline-block-class更改为将选择内联块元素的jQuery选择器。
(function($, window) { var $ls; function autoheight() { var max = 0; $ls.each(function() { $t = $(this); $t.css('height',''); max = Math.max(max, $t.height()); }); $ls.height(max); } $(function() { $ls = $('.my-inline-block-class'); // the inline-block selector autoheight(); // first time $ls.on('load', autoheight); // when images in content finish loading $(window).load(autoheight); // when all content finishes loading $(window).resize(autoheight); // when the window size changes }); })(jQuery, window);
我正在寻找一个jquery插件，它使得div与最高div的高度相等。 网络上有很多，但并非所有这些都有效。 我发现一个完美的工作： https ： //github.com/johnnyfaldo/equal-heights-responsive
它需要四个.js文件：
- 的jquery.js
- underscore.js
- html5shiv.js
- 相等的高度，responsive.js
要启动插件：