jquery – 如何强制内联阻塞的div达到相同的高度

前端之家收集整理的这篇文章主要介绍了jquery – 如何强制内联阻塞的div达到相同的高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有像网格一样的内联阻塞div.我想强迫同一行中的所有人都达到相同的高度,他们应该得到最长的div的高度.

Css,jquery或简单的JavaScript解决方案会很棒.

这是现在非常普遍的事情……我去看了一下砌体,但就我对样品图形的理解而言,它并没有像这样对齐……我是对的吗?

有问题的博客http://ildesign-blogger-demo-1.blogspot.fr/

HTML:

CSS:

.container {width: 100%; display:block;} 
.inline {display: inline-block; width: 28%; margin: 1%; padding: 1%;}

所以,每行中有三个内联div,我希望这些行是对齐的,所以内联div应该具有相同的高度,就像行中最长的div一样……

编辑:我重新编辑了这篇文章,以补充说明html是由Blogger xml模板生成的.所以,如果你建议将每个三个内联div添加到一个div中,就像一行,我不知道该怎么做…原始的xml代码

所以我上面的html示例中的.blog-posts = .container和.date-outer = .inline …

砌体可以做到吗?
或者用于制作具有相同高度的网格的jquery代码

最佳答案
显示:内联块样式是为其他东西设计的,这里是它的设计示例(内联是一个单独的显示模式,因此我建议将类重命名为内联块,无论你要采用哪种方式继续 – 现在我用你的namings):

用100个单元格创建:

然后调整窗口大小,观察框如何布局.

你需要的是一张桌子,或者一张桌子:

或者一个CSS:

猜你在找的CSS相关文章