CSS的等高元素

发布时间：2020-12-14 23:17:42 所属栏目：资源来源：网络整理

导读：我阅读了几个不同的解决方案来模拟等高的列或元素,但没有一个真正引起我的注意,因为他们使用黑客,非常复杂的HTML布局或没有广泛支持的属性. 这是示例Fiddle. 我的目标是确保所有元素具有相同的高度,或者至少是行中兄弟姐妹的最大高度. 一行由3个元素组成(在

我阅读了几个不同的解决方案来模拟等高的列或元素,但没有一个真正引起我的注意,因为他们使用黑客,非常复杂的HTML布局或没有广泛支持的属性.

这是示例Fiddle.

我的目标是确保所有元素具有相同的高度,或者至少是行中兄弟姐妹的最大高度.

一行由3个元素组成(在这种情况下,不存在行包装,但我可以考虑添加这样的容器元素).

有解决方案：

>不需要JS
> doesn’t use display: table
>不使用带有负值的宽填充/边距
> doesn’t require exponential uses of divs and float

最佳答案

你有限制：不,没有.

编辑：因为你没有提到这个：你可以使用表格. (欢迎回到90年代)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!