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;