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

博主正在尝试使用jQuery动态计算网站横向subnav的宽度,并根据ul中不同数量的元素来设置其父div的宽度,以实现居中显示。问题在于当前的jQuery代码只获取了单个元素的宽度,而非所有元素的总和。讨论中提出了可能的CSS解决方案,但鉴于ul的宽度是动态的,需要动态约束div的宽度来达到居中效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

即可,请查看我的回答 –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值