在css div中的Wordwrap

Question

我在div容器中进行wordwrapping时出现问题。以下是此特定代码段的代码。我希望它自动换行到下一行，即使指定的文本行中没有空格。

#content {
    position: justify;
    font-size: 10px;
    font-family: Times new roman;
    width: 80%;
    padding: 10px 10px 10px 10px;
    height: auto;
    overflow-x: auto;
    color: #000;
}

Answer 1

您需要word-wrap:break-word。

jsFiddle example

#content {
    word-wrap: break-word;
    position:justify;
    font-size: 10px;
    font-family: Times new roman;
    width: 80%;
    padding: 10px 10px 10px 10px;
    height: auto;
    overflow-x: auto;
    color: #000;
}

Answer 2

将此添加到您的CSS

word-wrap: break-word;