1

我最初有浮动 div,我希望这些浮动中的内容垂直对齐。

这给我带来了麻烦,所以我不得不移除浮动。

我遇到了这篇文章中提到的这个小提琴

并使用小提琴来获得所需的布局。但是我在垂直对齐 div 时遇到了麻烦。

我试过了,

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

对于parent容器和

display: inline-block;

对于child内容。

1)在这个小提琴中。我希望在right里面垂直对齐right-container

换句话说。我想two divs在 a 内垂直对齐main div,并且两个 div 中的每个 div 都需要垂​​直对齐。

2)我怎样才能实现浮动内的垂直对齐?所以我可能不会改变我原来的布局。说在小提琴左右都是floats

需要一些指点。

编辑:

使用表格可能会更简单。但我正在寻找基于 div 的解决方案。

4

1 回答 1

1

那是你要的吗?

添加:<div id="right" style="display:table-cell;vertical-align:middle;"> RIGHT </div>

jsfiddle 更新:http: //jsfiddle.net/5vpA3/157/

于 2012-11-04T20:51:40.763 回答