css div问题

Question

我有这种安排

...<td>
       <div></div>
       <div></div>
       <div></div>
   </td>

div标签充满了动态数据。我已将div标签放在td单元格中，因为中心div填充了一个图像，该图像可以是不同的高度。我想要做的是让顶部div对齐到单元格的顶部，底部div对齐到底部，中心div包含图像，以填充整个空间中间并成为中心对齐。到目前为止，我所有的尝试都失败了，并且出于某种原因（是的，我看过并且没有竞争风格）我无法让div填充可用空间。我已经尝试将div封装在容器div中，但这也不起作用。您的建议/帮助请：）

谢谢，R。

Answer 1

你应该看一些方便的CSS属性。

box-sizing（请点击此处开始使用Google搜索）。

边距，填充，垂直对齐......

表填充..

考虑使用“auto”作为某些居中的值。

Answer 2

最简单的方法是忘记div并使用表格单元格。这里的优点是，当您为表格设置高度时，单元格将自动填充所有空间。这样，您可以为顶部和底部单元格定义固定高度，中间单元格将占用剩余空间。

示例：http://jsfiddle.net/KaWPS/

如果你没有使用固定的高度，你会发现细胞可以获得任何可以得到的东西，其余的细胞分为其他细胞：http://jsfiddle.net/KaWPS/2/