浮动div上的垂直对齐中间。容器有最小高度

Question

我有一些问题将我的元素垂直对齐浮动Div上的中间。 我无法使用行高，因为文本可以在2行上。容器有一个min-height。但我不能让它发挥作用。我创造了一个小提琴：

http://jsfiddle.net/gdggo6x5/

我需要浮动，因为在较低的分辨率下，图像应该在文本下面（我使用媒体查询）。

我还尝试在display: table-cell和footer2_block1上使用block2：

 min-height: 72px;
display: table-cell;
vertical-align: middle;

但这不是诀窍。有人向我提示如何将所有元素设置为中间？

Answer 1

我已更新了您的jsfiddle here

你需要拥有div的高度并使父div的属性如下

display: table-cell;
vertical-align: middle;

希望这有帮助:)

Answer 2

我认为这应该对你有帮助。

1. 分别从float: left和float: right删除.footer2_block2和.footer2_block1。

你提到你需要漂浮以获得更低的资源，但这整个解决方案仍然可以帮助你。

1. 在.footer2_block2和.footer2_block1 div中添加以下css：

display: inline-block; vertical-align: middle; width: 100%;

1. 将width: 66%;更改为max-width: 66%;的{​​{1}}; {c>

中的.footer2_block1 width: 33%;至max-width: 33%;

2. 在html代码中的.footer2_block2上移动<div class="footer2_block2">...</div> html。