我有一个ul设置为显示内联块和列表元素,设置为显示内联块。
ul的宽度设置为auto,因此如果容器有(响应),它会收缩。
列表项设置为其内容的自动宽度,设置为whitespace nowrap,因此如果它们都不适合一行,则下拉到下一行。
我试图用jQuery检测是否发生了这种情况。所以我得到了ul的内部宽度(使用width()),并通过获取每个outerWidth()并将它们加在一起来计算每个li的总宽度。然后我检查总的li宽度是否大于ul的内部宽度。
但是继续问题,jQuery为导航的内部宽度返回值933.6800003051758,为列表项返回值934。因此,您认为列表项目会突破到第二行 - 但它们不是!所以我认为浏览器将导航的内部宽度调整为934。
我想知道的是,如果我在将值与总列表项宽度进行比较之前将导航器的内部宽度向上舍入将是可靠的,或者我的函数有时会认为列表项实际上他们不是第二行?