我有这样的安排
...<td>
<div></div>
<div></div>
<div></div>
</td>div标记用动态数据填充。我将div标签放在td单元格中,因为中间的div填充了一个图像,它可以是不同的高度。我要做的是让顶部的div与单元格的顶部对齐,让底部的div与底部对齐,让包含图像的中心div填充中间的整个空间并居中对齐。到目前为止,我所有的尝试都失败了,并且由于某些原因(是的,我已经看过了,没有竞争的样式),我无法让div填充可用的空间。我曾尝试将div封装在容器div中,但也不起作用。您的建议/帮助:)
谢谢,R。
发布于 2010-10-09 08:13:39
这里有一些你应该看看的方便的CSS属性。
方框大小(请开始搜索这个)。
边距、填充、垂直对齐...
表格填充..
考虑使用"auto“作为一些居中的值。
发布于 2010-10-09 08:23:27
最简单的方法是忘记div,改为使用表格单元格。这样做的好处是,当您设置表格的高度时,单元格将自动填充所有空间。这样,您可以定义顶部和底部单元格的固定高度,中间的单元格将占用剩余空间。
示例:http://jsfiddle.net/KaWPS/
如果您不使用固定的高度,您将看到这些单元获取它们所能获得的任何内容,其余的被分配给其余的单元:http://jsfiddle.net/KaWPS/2/
https://stackoverflow.com/questions/3895089
复制相似问题