我有一个设置为显示内联块的 ul 和设置为显示内联块的列表元素。
ul 设置为具有 auto 宽度，因此如果容器这样做（响应式），它会缩小。
列表项设置为其内容的自动宽度，设置为空白 nowrap，因此如果它们不适合一行，它们会下拉到下一行。
如果发生这种情况，我正在尝试使用 jQuery 进行检测。所以我得到了ul的内部宽度（使用width（）），并通过获取每个outerWidth（）并将它们加在一起来计算每个li的总宽度。然后我检查总 li 宽度是否大于 ul 的内部宽度。
但是问题来了，jQuery 为导航的内部宽度返回 933.6800003051758 的值，为列表项返回 934 的值。所以你会认为列表项会进入第二行——但事实并非如此！所以我认为浏览器将导航的内部宽度四舍五入为 934。
我想知道的是，如果我在将值与总列表项宽度进行比较之前将导航的内部宽度四舍五入，那将是可靠的，或者我的函数有时会认为列表项没有中断到第二行事实上他们是？