gpt4 book ai didi

html - 最小高度容器内的 CSS 垂直对齐?

转载 作者:太空狗 更新时间:2023-10-29 14:42:46 24 4
gpt4 key购买 nike

我进行了大量搜索,但找不到垂直对齐我的内容的 css 解决方案。

我在 SO 上看到的所有解决方案和 google 上的热门文章都要求我有一个内容不能超过的固定高度容器。我不能保证,因为内容是动态生成的。

我唯一可以做的后备工作是一些 javascript 以编程方式测量内部容器并设置其边距顶部。这真的很恶心,但似乎是唯一可行的方法。 :(

参见 this js fiddle有关我想要设置样式的标记的示例。

我很高兴为此忘记了 IE6,但需要支持 IE7+ 和最新的 webkit+firefox...

有没有人知道对此只有 CSS 的解决方案?

最佳答案

据我所知,绝对没有办法仅使用 CSS 在 IE7 中完成此操作,除非您可以使用表格。对于所有体面的浏览器和 IE8,您可以使用 display:table-cell:

http://jsfiddle.net/hGjfY/

  • 将高度设置为 200px 而不是最小高度(表格单元格不支持最小高度,高度被解释为最小高度)

  • 添加条件注释以仅针对 IE7,并添加 min-height:200px;和高度:自动;到内部 div(高度在 IE7 中的表格单元格中无法正常工作)

  • 仅为 IE7 加载 jQuery 修复程序,或在 IE7 中使用非居中 View

关于html - 最小高度容器内的 CSS 垂直对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8489072/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com