我可以启动没有行包装元素的新的CSS表格单元格行吗?

前端之家收集整理的这篇文章主要介绍了我可以启动没有行包装元素的新的CSS表格单元格行吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
给定这样的标记
<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,没有登陆几个主要的浏览器,似乎是一致的。
原文链接:https://www.f2er.com/css/218742.html

猜你在找的CSS相关文章