【问题标题】:Why do inline list-items not wrap?为什么内联列表项不换行?
【发布时间】:2012-01-04 17:27:14
【问题描述】:

请查看demo

li 怎么不换到下一行?

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

the spec 中找不到任何关于它的信息(或者我没看到)。

这个问题与我给here的答案有关。

【问题讨论】:

标签: css


【解决方案1】:

它们之间没有空格。

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

americaaustraliabannercabalcomputerfamilygeneralgwholsisraellastchaosmepeterpanphotospotbsPoTBSpsorforyzomtantratattoostemplatestravelweb_designwowmjboxquakeliveSpain_2011Sanatorio_de_Turberculososseverallsseveralls2bush_boake_allenodeon-colchestermoredartford

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

【讨论】:

  • +1 - 把它想象成一个没有空格的很长的句子。没有地方可以折断!
  • 啊哈当然是因为它设置为inline,它们之间必须有一个whitespace。好电话。
猜你喜欢
  • 2016-01-23
  • 1970-01-01
  • 2013-02-28
  • 2021-09-23
  • 2013-09-30
  • 2021-03-07
  • 2017-05-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多