CSS-文本“停留”在一行中

Question

我有CSS问题。 这是JsFiddle：http://jsfiddle.net/63NHM/1/

问题在于标题下的主要文字不是自动下到新行，他“留在”一行不好。

以下是本节的CSS

#trackdescription {
    text-align: justify;
    max-width: 500px;
    float: right;
    padding-bottom: 100px;
    margin: 0;
    min-height: 320px;
    display:block;
}

我该如何解决这个问题？希望得到帮助，谢谢。

Answer 1

一个选项是将word-break: break-all添加到#trackdescription - 这有效，因为该文本基本上是一个长字。

http://jsfiddle.net/63NHM/2/

---

虽然在这种情况下使用它的临时修复实际上是不好的做法，因为这不是word-break属性的意图。来自Text Module：

  

此选项主要用于文本主要使用CJK字符且非CJK摘录很少的上下文中，并且希望文本更好地分布在每一行上。