为什么内联列表项不包装？

Question

请看演示.

怎么li不包裹到下一行呢？

我不是在寻找解决方案,因为有几个并且它们都有效.但我想知道它为什么不包装.

在规范中找不到任何关于它的东西(或者我没有看到它).

这个问题与我在这里给出的答案有关.

Answer 1

它们之间没有空白区域.

这听起来很奇怪,因为浏览器应该能够在元素之间断开,但是您将元素转换为"单词"使用display: inline;.在这种情况下,浏览器"看到"

americaaustraliabannercabalcomputerfamilygeneralgwholsisraellastchaosmepeterpanphotospotbsPoTBSpsorforyzomtantratattoostemplatestravelweb_designwowmjboxquakeliveSpain_2011Sanatorio_de_Turberculososseverallsseveralls2bush_boake_allenodeon-colchestermoredartford

并且它不知道如何分割这个怪物词.