我在我的网站上有一个横向的subnav,我需要将它居中放置在布局中。每个subnav都有不同数量的元素,所以我需要计算UL的宽度,然后将其添加到包装div中,以便它能正确居中。需要根据ul的宽度动态设置父div的宽度
这里是我的HTML
有时上述列表将是2个元素,有时1,有时6.
这里是我与搞乱了jQuery。它位于文档就绪功能内。
$("#subNav").css("width", $("#subNav ul").children("li").innerWidth());
这会给我一个元素的宽度,而不是所有元素的总和。任何帮助是极大的赞赏!。
+0
或者你可以只用做css ... –
+0
@meo我不相信你可以在CSS中做这个特定的事情。问题是ul的宽度是动态的,因为它的列表项是动态的。由于div是一个块级元素,它将扩展以填充它的容器。为了居中div(注意不是ul),你需要约束它的宽度。根据ul的动态情况,海报可能没有必要的最小/最大值,只需css –
+0
即可,请查看我的回答 –