IE7中的表格内联块/内联表

Question

我想把两张桌子放在一起。由于我不是float或使用“css hacks”的狂热粉丝，你建议采用什么方法？没有它可以解决，还是我运气不好？

Answer 1

使用table-cell显示来获取您要查找的内容。

对于实例，

HTML：

<div class="wrap">
  <div class="col">ABC</div>
  <div class="col">DEF</div>
</div>

CSS：

.wrap{
    width:100%;
    display:table;
    }

.col{
    background:blue;
    display:table-cell;
    }

<强> WORKING DEMO

修改

如果你想把表放在一起，这就是解决方案。

HTML：

<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
    <td><table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>

<强> WORKING DEMO - 2

如果要将它垂直放置在彼此旁边，则下面是代码。

<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>

<强> WORKING DEMO - 3

希望这就是你要找的东西。