垂直居中div

时间:2011-03-03 02:02:36

标签: jquery html css vertical-alignment

我想在这两页之间垂直居中这个页面的子菜单。

http://complete.sanscode.com/Landscape.

请参阅说明总体规划的部分Park ...等我想用jquery来集中体验。有谁知道怎么做?

修改:菜单可以有多行。

由于

杰森

5 个答案:

答案 0 :(得分:4)

只需将CSS line-height设置为固定值:http://jsfiddle.net/simevidas/yHJjx/

答案 1 :(得分:1)

据我所知,您希望将元素置于固定高度区域中心?你最好只需添加一个上边距来向下导航并相应地调整高度属性。

此外,当您缩小浏览器窗口时,导航也会离开屏幕。我会考虑添加一个容器div,其中包含您所追求的固定宽度和自动边距自动到中心。稍微偏离主题,但它应该使您更容易管理元素。

答案 2 :(得分:1)

#navigation ID中删除顶部填充,然后添加line-height:120px。你不需要jQuery。

#navigation {
height:120px;
line-height:120px;
padding:0 1em 0 0;
width:720px;
}

答案 3 :(得分:1)

我放弃并使用了桌子。

http://giveupandusetables.com/

但是行高的事情就行了,见上面的答案

答案 4 :(得分:0)

您可以将css属性'line-height'设置为正确的内容,使其垂直居中,只需试一试