css - css div中的自动换行

Question

我的 div 容器中的自动换行存在问题。这是此特定代码部分的代码。即使指定的文本行中没有空格，我也希望它自动换行到下一行。

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

Answer 2

将此添加到您的 CSS

word-wrap: break-word;