在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例子

#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;
}