設定された幅(600px)を超えるコメントを挿入すると、テキストは新しい行に移動するのではなく、切り取られます(上の画像リンクを参照)。HTMLコメントボックスを使用しています。コメントボックスのスタイルは次のとおりです。
#HCB_comment_box div.comment {
border-top:1px solid #fff;
width: 600px;
}
word-wrap:break-word を使用します。これは、word-wrap プロパティを使用すると、長い単語を分割して次の行に折り返すことができるためです。
結果を参照してください: http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-wrap
#HCB_comment_box div.comment {
word-wrap: break-word;
}
これは正常な動作です。非常にログ ワードを挿入しましたが、それは 1 つの単語です...何を期待しますか? )そこにいくつかのスペースを挿入すると役立ちます)
cssプロパティで定義できます
ワードラップを使用する
#HCB_comment_box div.comment {
border-top:1px solid #fff;
width: 600px;
word-wrap: break-word;
}