html – 在包装器中垂直居中的两个div(包含动态内容和内容)

前端之家收集整理的这篇文章主要介绍了html – 在包装器中垂直居中的两个div(包含动态内容和内容)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正试图用动态包装器中的两个动态高度的div集中在一起…我一直在玩各种各样的技巧来尝试使这个工作的跨浏览器无效,有没有人有建议?见图解说明!紫色块是内容的另一个块,我想坐在动态包装器下方的20px.

>注意:对于红色框左侧的注释,我的意思是说“它应该被缩放到与包含div(绿色或红色)更高的位置一样高.
>我也不知道红色或绿色框是否会更高 – 只是绿色框的高度是动态的,红色的高度是固定的.

解决方法

使用display:inline-block vertical-align:中间的块,所以它们会像你想要的那样对齐.

看这个例子:http://jsfiddle.net/kizu/Tky8T/

更多:红色div的高度也可以是动态的!

猜你在找的HTML相关文章