CSS的等高元素

CSS的等高元素,第1张

概述我阅读了几个不同的解决方案来模拟等高的列或元素,但没有一个真正引起我的注意,因为他们使用黑客,非常复杂的HTML布局或没有广泛支持的属性.这是示例Fiddle.我的目标是确保所有元素具有相同的高度,或者至少是行中兄弟姐妹的最大高度.一行由3个元素组成(在这种情况下,不存在行包装,但我可以考虑添加这样的容器元素).有解决方案:>不需要JS> doe

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

这是示例Fiddle.

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

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

有解决方案:

>不需要Js
> doesn’t use display: table
>不使用带有负值的宽填充/边距
> doesn’t require exponential uses of divs and float最佳答案你有限制:不,没有.

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

总结

以上是内存溢出为你收集整理的CSS的等高元素全部内容,希望文章能够帮你解决CSS的等高元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1125800.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存