css - 使 DIV 表现得像表格

Question

在调整大小以适应内容时，是否可以制作一个带有 div 的 2x2 网格，其行为类似于表格？

像这样

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

因此，例如，如果您在单元格#1 中写入内容并且宽度增加以适应内容，则单元格#3 的大小将调整为与#1 具有相同的宽度。和高度相同，所以如果你在#1 中放置换行符并且高度增加，#2 也会获得相同的高度。

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

score 1 · Accepted Answer

除了在 div 本身内放置一个表格，或在 div 内放置 4 个其他 div，还有一个 CSS3 Grid Column 属性，但目前任何主要浏览器都不支持，您可以在此处查看信息

除了 IE，CSS3多列属性之外，所有浏览器都支持我知道的唯一其他替代方法（我在 1 个站点中使用）。我在容器 div 中嵌套 2 个 div，1 个顶部和 1 个向下，然后使用此属性。

我希望它有所帮助。

score 0 · Accepted Answer

您始终可以使用 css 类 display : table, display : table-row ,display : table-cell 使 div 像表格一样

.tableClass{
  display : table;
 }
.row{
 display : table-row;
 }
.cell{
  dispaly : table-cell;
 }