css - IE7 中的表格 inline-block/inline-table

Question

我想将两张桌子并排放置。由于我不是 ing 或使用“css hacks”的忠实粉丝，float你建议什么方法？没有它是否有可能解决，还是我不走运？

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;
    }

工作演示

编辑：

如果您想将桌子并排放置，这就是解决方案。

的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>

工作演示 - 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>

工作演示 - 3

希望这是您正在寻找的。