给定这样的标记:
<div class="a">A</div> <div class="b">B</div> <div class="a">A</div> <div class="b">B</div> <div class="a">A</div> <div class="b">B</div>
可以将此文档的样式看成如下:
|-------|---------| | | | | A | B | | | | |-------|---------| | | | | A | B | | | | |-------|---------| | | | | A | B | | | | |-------|---------|
(如果A或B中的内容较长,其邻居将增长以匹配其高度)
没有任何额外的标记?
我明白,给.a和.b一个table-cell的显示值只会使这个大排。
有什么解决方案?
解决方法
不是没有flexBox,没有登陆几个主要的浏览器,似乎是一致的。