CSS - 一行中的文本为 "staying"

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 :

This option is used mostly in a context where the text is predominantly using CJK characters with few non-CJK excerpts and it is desired that the text be better distributed on each line.