CSS“ display：inline-block”拒绝换行[关闭]

Question

我正在开发一个项目，并且尝试以一种特定的链接类型设置样式，就像Adi Palaz 在此定义外部链接所使用的方式一样。 我的代码设置与他的代码相同，但是出于某些原因display: inline-block溢出了包含的<li>元素（具有定义的宽度），因此列表元素并排堆叠2。

有人可以告诉我如何迫使该演示开发页面（ http://dreamstarstudios.net/sandbox/philosimply/sliding_drawer.html ）底部的“山与the鼠山”链接断行吗？ 我以为inline-block显然是为了使文本显示为块级元素而仍然断行。 更奇怪的是，将其更改为display: inline不会强制换行，而只会导致文本溢出定义的宽度:(

编辑我很抱歉没有进一步解释。 如果您查看此链接（ http://www.adipalaz.com/linksbg.html ），您将看到该开发人员如何使用white-space: nowrap （需要）以达到我想要的效果。 我真正需要知道的是为什么它对他有效，但对我却无效。

Answer 1

只需删除white-space:nowrap;

http://www.w3schools.com/cssref/pr_text_white-space.asp

Answer 2

在样式表“第206行”中，您正在设置宽度，它确实在执行您要告诉它的操作，您需要使其变宽或添加clear: both; 对li 。

Answer 3

您已在此链接上设置了white-space:nowrap 。 这就是为什么它不会破裂。