html - 垂直对齐另一个 div 的动态高度?

标签 html css

我试图将一个 div 垂直对齐到高度动态的相邻 div。

我遇到的大多数方法都要求我知道父 div 的高度。但是如果你看到我的例子,它是驱动整个部分高度的“正确”div。

我试图让 div“左”中的文本显示为垂直居中于右侧的 div。 “父”div 也没有固定的高度。

我该怎么做,最好是使用 CSS?

谢谢。

我的例子:

http://jsfiddle.net/halogenmobile/McVAE/9/

最佳答案

有时 CSS 的盒模型对此不起作用,因此您可以恢复到良好的老式表格模型。 (并不是说您必须调整标记)。

看看 display: tabledisplay: table-cellvertical-align: middle

我更新了 fiddle :http://jsfiddle.net/McVAE/18/

关于html - 垂直对齐另一个 div 的动态高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9898200/

相关文章:

html - 背景在 IE8 中不工作

html - 如何将字段集的宽度限制为屏幕的百分比

html - 如何在一页中实现两个模态对话?

javascript - 永远不会到达我的函数调用 - ReactJs 0.12.0

html - float 和填充 - 等高

css - 使用 CSS 模糊视频播放器边框

javascript - 获取可拖动元素的 ID

html - 防止 Bootstrap 'hidden-print' 继承(也就是覆盖隐藏打印)

html - 灯箱的 CSS 背景过渡

css - 在 tableView javafx 中更改 css 行