Jquery 垂直居中

Jquery 垂直居中,jquery,html,css,vertical-alignment,Jquery,Html,Css,Vertical Alignment,我想将此页面上的子菜单垂直居中放置在两行之间 请看“总体规划”部分,公园。。。等等,我想使用jquery将其置于中心位置。有人知道怎么做吗 编辑:菜单可以有多行 谢谢 Jason只需将CSS行高设置为固定值:您可以将CSS属性“行高”设置为适当的内容,使其垂直居中,只需尝试一下,我可以告诉您,您想要将元素居中于固定高度区域中?您最好只添加一个上边距,将导航向下折叠,并相应地调整高度属性 此外,缩小浏览器窗口时,导航也会离开屏幕。ID考虑添加一个容器div与固定宽度你正在追求和边缘自动中心。稍微

我想将此页面上的子菜单垂直居中放置在两行之间

请看“总体规划”部分,公园。。。等等,我想使用jquery将其置于中心位置。有人知道怎么做吗

编辑:菜单可以有多行

谢谢


Jason

只需将CSS
行高设置为固定值:

您可以将CSS属性“行高”设置为适当的内容,使其垂直居中,只需尝试一下,我可以告诉您,您想要将元素居中于固定高度区域中?您最好只添加一个上边距,将导航向下折叠,并相应地调整高度属性


此外,缩小浏览器窗口时,导航也会离开屏幕。ID考虑添加一个容器div与固定宽度你正在追求和边缘自动中心。稍微偏离主题,但它会使元素更易于管理。

#导航
id中删除顶部填充,并添加
行高:120px
。这不需要jQuery

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

我放弃了,用了桌子


但是线条高度的问题起到了作用,请参见上面的答案

为什么需要jQ来做这件事。为什么不CSS
{text align:center;}
对不起,伙计们。我想要的是垂直中心,而不是水平中心。菜单可以超过一行,因此行高可能会导致问题,因此jquery。将行高设置为包含元素的高度将垂直居中文本,但是您应该记住,如果文本溢出到两行上(例如,用户已缩放文本)您的布局将中断,一半的文本将丢失。@Moses…仅当容器元素设置了高度时。如果您只设置了行高度,则容器的高度将基于行高度,如果文本溢出到第二行,则容器将增长为环绕两行。@Šime Vidas,但您的布局仍会中断@Šime My评论与摩西的评论相关-如果文本换行到两行,那么行高会导致两行之间出现较大的间隙,而不是居中。天哪,这太简单了。谢谢!嘿,伙计,问题是菜单可以延伸到两行。有没有办法用行高来解释这一点?@jason你不应该允许菜单延伸ch到2行。这不是一个好的做法。如果你需要有2行,那么你需要采取不同的方法来布置模板。为了这个问题的目的,你可以解决你的问题。lol,“这不是一个好的做法”…这有点随机。你有一些文档支持吗?+1的努力,但不幸的是,我不能接受这个答案,因为我特别要求使用javascript。当菜单有两行时会出现问题。不过,感谢你的其他建议,好的观点。+1