См. demo.Почему встроенные элементы списка не переносятся?
Почему li не переносятся на следующую строку?
Я не ищу решение, потому что их несколько, и они работают. Но мне интересно, ПОЧЕМУ он не обертывается.
Не можете найти что-нибудь в the spec Об этом (или я не вижу).
Этот вопрос связан с ответом, который я дал here.
Между ними нет свободного пространства.
Это звучит странно, потому что браузер должен иметь возможность разбивать между элементами, но вы превратили элементы в «слова», используя display: inline;. В этом случае браузер «видит»
americaaustraliabannercabalcomputerfamilygeneralgwholsisraellastchaosmepeterpanphotospotbsPoTBSpsorforyzomtantratattoostemplatestravelweb_designwowmjboxquakeliveSpain_2011Sanatorio_de_Turberculososseverallsseveralls2bush_boake_allenodeon-colchestermoredartford
и не знает, как разбить это чудовищное слово.
+1 - подумайте, что он имеет очень длинное предложение с космонавтами. Нет места, где можно ломаться! – mrtsherman
Ага, конечно, потому что он установлен в 'inline', между ними должно быть« пробел ». Хороший звонок. – PeeHaa
http://www.w3.org/TR/CSS2/visuren.html#inline-formatting – Sparky