当所有锚点都存在时，文本不会换行到元素

Question

http://jsfiddle.net/awWmY/

我无论如何也解不出这个简单的问题。为什么文本不换行为#bigEnough

html{background:black;}

#bigEnough {
  width: 500px;
  text-wrap: normal;
}
#bigEnough a {
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
#tagCloud {
  height: 500px;
  width: 500px;
  float: right;
  margin: -45px 0;
}

Answer 1

我能找到的最简单的解决方案(具有完整的跨浏览器实现)是在a元素上使用display: inline-block：JS Fiddle demo。

请注意，我还增加了页面的宽度，以显示在可用空间的情况下，单词也将占据相同的行。

Answer 2

将word-break: break-word;添加到您的#bigEnough CSS将强制在几个anchor标记之间的断点处换行，但不是。我不知道这是否是您想要实现的行为，但这里有一个演示：jsFiddle。

希望这对你有任何帮助！

Answer 3

因为单词换行依赖于单词之间的空格。