-2

可能重复：
最佳实践在 div 上垂直对齐中心内容

如何使用相同的 CSS 为两个正方形垂直对齐中心 .content。

例子

谢谢

4

4 回答 4

1

这是解决方案-> http://jsfiddle.net/Sha6m/12/。

您需要添加display: table-cell;到内部 .content 中，将它们的垂直对齐设置为 middle ( vertical-align: middle;) 并给它们相同的height和它们的父 .area （不幸的是width，100% 的宽度和高度在这里不起作用，所以当你改变.area高度和宽度，您还必须为 .content div 执行此操作）。

于 2012-06-10T15:17:45.077 回答
0

当你得到一个固定的高度时，我会添加一个line-height: 100px;并删除你的vertical-align和display

jsfiddle修改

于 2012-06-10T15:49:48.427 回答
0

您正在应用display table-cell错误的元素。您必须将它们包装在容器中，然后应用于display: table cell该容器。检查我的例子-> http://jsfiddle.net/Sha6m/10/

于 2012-06-10T14:58:35.187 回答
0

style='vertical-align:middle'..

于 2012-06-10T14:36:06.870 回答