我读到了几种不同的解决方案来模拟等高的列或元素,但没有一个真正引起我的注意,因为它们使用了 hack、极其复杂的 HTML 布局或未得到广泛支持的属性。
这是例子Fiddle http://jsfiddle.net/weppos/satgw/.
我的目标是确保所有元素具有相同的高度,或者至少是行中兄弟元素的最大高度。
一行由 3 个元素组成(在这种情况下,不存在行包装器,但我可能会考虑添加这样的容器元素)。
有没有一个解决方案:
- 不需要JS
- 不使用display: table http://www.456bereastreet.com/lab/equal_height/
- 不使用带有负值的宽填充/边距
- 不需要 div 和 float 的指数使用 http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
根据您所做的限制:不,没有。
编辑:因为你没有提到这一点:你可以使用表格来实现这一点。 (欢迎回到90年代)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)