css - 为什么内联列表项不换行？

Question

请参阅demo .

为什么 li 没有换行到下一行？

我不是在寻找解决方案，因为有多种解决方案而且它们都有效。但我想知道为什么它不换行。

在 the spec 中找不到任何内容关于它(或者我没有看到它)。

这个问题和我给的一个答案有关here .

Answer 1

它们之间没有空格。

这听起来很奇怪，因为浏览器应该能够在元素之间打断，但您使用 display: inline; 将元素变成了“单词”。在这种情况下，浏览器“看到”

americaaustraliabannercabalcomputerfamilygeneralgwholsisraellastchaosmepeterpanphotospotbsPoTBSpsorforyzomtantratattoostemplatestravelweb_designwowmjboxquakeliveSpain_2011Sanatorio_de_Turberculososseverallsseveralls2bush_boake_allenodeon-colchestermoredartford

它不知道如何拆分这个怪物词。