html ul列表项设置宽度,需要根据ul的宽度动态设置父div的宽度

我在我的网站上有一个横向的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

即可,请查看我的回答 –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值