带固定角的 3x3 桌子

Question

在这种情况下，我试图制作一个框架，一个 3x3 的桌子（使用 CSS），保持角的大小固定，并使桌子的其余部分根据内部的“单元格”拉伸。使用经典的表格可能会花费我不超过10分钟的时间，但是因为我过去遇到过表格问题*咳嗽*咳嗽IE*咳嗽我决定尝试使用div-s和span的CSS方式-但由于某种原因它显示不正确。

我可以给我一些提示吗？

Answer 1

我不确定我是否正确理解您的问题，但我认为您只是在寻找宽度为 33% 且有间隙 < 的

code>
每三行之后（或者您可以将每一行保留在它自己的包含 div 中）：

CSS:

  .col {
    float: left;
    width: 33%;
  }

  /* color columns for clarity */
  .odd {
    background-color: #999;
  }

  .even {
    background-color: #666;
  }

HTML:

<div class="col odd">1</div>
<div class="col even">2</div>
<div class="col odd">3</div>
<br style="clear: both;" />
<div class="col even">4</div>
<div class="col odd">5</div>
<div class="col even">6</div>
<br style="clear: both;" />
<div class="col odd">7</div>
<div class="col even">8</div>
<div class="col odd">9</div>

这是您要寻找的吗？