CSS vertical align无法正常工作

时间:2012-01-09 19:12:26

标签: html css

这里是一个jsfiddle链接: http://jsfiddle.net/STmwz/4/

首先,只有顶级div。当用户单击编辑按钮时,我有一些javascript用顶部div替换顶部div。问题是,当替换发生时,会有一些轻微的抽搐:一切都跳了几个像素。

我认为解决这个问题的最佳方法是让顶部div垂直对齐。我为顶部div设置了一个高度,当它替换顶部div时,它与底部div的高度相匹配。所以如果两者都是垂直对齐的,那就不要跳![/ p>

问题是,vertical-align不在顶部div上工作。

关于我能做什么的任何想法?

1 个答案:

答案 0 :(得分:1)

我相信您想要垂直对齐的元素必须具有“内联”或“表格单元格”显示。

来源:https://developer.mozilla.org/en/CSS/vertical-align

以下是其工作示例:http://jsfiddle.net/STmwz/19/

相关问题