使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属性，但目前任何主流浏览器都不支持它，你可以看到{{3} }

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

我希望它有所帮助。

Answer 2

你可以随时使用css类display：table，display：table-row，display：table-cell使div像表一样

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