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

Question

我想将两张 table 并排放置。由于我不是 floating 或使用“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

希望这就是您要找的。