css - 使 DIV 表现得像表格

Question

是否可以制作例如带有 div 的 2x2 网格在调整大小时以适应内容时表现得像表格？

像这样

+-----------+
|  1  |  2  |
-------------
|  3  |  4  |
+-----------+

因此，例如，如果您在单元格 #1 中写了一些东西，并且宽度增加以适应内容，单元格 #3 将调整大小，使其与 #1 具有相同的宽度。 高度相同，因此如果您在 #1 中放置换行符并且高度增加，#2 也会获得相同的高度。

我知道可以用 display: table,table-row,table-cell 来完成，但 IE7 不支持它们。 是否有任何解决方法(没有 JS)或不同的解决方案？

Answer 1

除了在 div 本身内放置一个表格，或在 div 内放置 4 个其他 div 之外，还有一个 CSS3 Grid Column 属性，但目前没有任何主流浏览器支持它，您可以查看 information here

我所知道的唯一替代方案(我在 1 个站点中使用)在除 IE 之外的所有浏览器中都受支持，即 CSS3 Multiple Columns属性(property)。我在容器 div 中嵌套 2 个 div，1 个顶部和 1 个向下，然后使用此属性。

希望对你有帮助。