首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >css div问题

css div问题
EN

Stack Overflow用户
提问于 2010-10-09 08:06:21
回答 2查看 45关注 0票数 0

我有这样的安排

代码语言:javascript
运行
复制
...<td>
       <div></div>
       <div></div>
       <div></div>
   </td>

div标记用动态数据填充。我将div标签放在td单元格中,因为中间的div填充了一个图像,它可以是不同的高度。我要做的是让顶部的div与单元格的顶部对齐,让底部的div与底部对齐,让包含图像的中心div填充中间的整个空间并居中对齐。到目前为止,我所有的尝试都失败了,并且由于某些原因(是的,我已经看过了,没有竞争的样式),我无法让div填充可用的空间。我曾尝试将div封装在容器div中,但也不起作用。您的建议/帮助:)

谢谢,R。

EN

回答 2

Stack Overflow用户

发布于 2010-10-09 08:13:39

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

方框大小(请开始搜索这个)。

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

表格填充..

考虑使用"auto“作为一些居中的值。

票数 0
EN

Stack Overflow用户

发布于 2010-10-09 08:23:27

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

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

如果您不使用固定的高度,您将看到这些单元获取它们所能获得的任何内容,其余的被分配给其余的单元:http://jsfiddle.net/KaWPS/2/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3895089

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档