在</div>中组织<div>或其他内容

时间:2012-11-15 15:48:26

标签: html css-float

我是html&amp; CSS。无论如何,我有一个设计的页面,特别是一个表格,我在每个单元格中有不同的信息。所以我需要在每个角落和中心放置信息。

我找到了一个解决方案,但我并不满意,因为我不能减小细胞的大小。

这是我的HTML:

<td>
  <div class ="upperleft"> x </div>
  <div class = "upperRight"> x </div>
  <div class = "center"> x </div>
  <div class ="bottomleft"> x </div>
  <div class = "bottomRight"> x </div>   
</td>

在我的CSS中我使用float left或rigth作为底部或上部DIV。

你有这种情况的其他解决方案吗?

1 个答案:

答案 0 :(得分:1)

让我的评论回答:

<td>
  <table>
    <tr>
      <td>top-left</td>
      <td>bottom-left</td>
    </tr>
    <tr>
      <td rowspan="2">center</td>
    </td>
    <tr>
      <td>top-right</td>
      <td>bottom-right</td>
    </tr>
  </table>
</td>