css - チャットの会話で改行を強制する方法は?

Question

[問題が解決しました ！！！！！！]

word-wrap: break-wordプロパティは実際に私と一緒に働いています。以前に問題が発生した原因は、タグで空白: nowrapプロパティを定義したため、互いに競合することです。

それが理由です ！！

この投稿を見てくださった皆様、ありがとうございます!!

word-wrap: break-word ROCKS!

---

div タグで作成されたチャット会話を行っていますが、長い単語がチャット ウィンドウから消えてしまいます

解決策を少しグーグルで調べたところ、word-wrap: break-word; が表示されました。プロパティは役に立ちません。また、 overflow-wrap: break-word;も試しました。およびword-break:break-word;

チャット会話 div の何が問題なのかわかりません。

これは、私のチャット会話 div の css です。

.chatboxcontent {
 height: 180px;
 padding: 7px;
 width: 226px;
 overflow: auto;
 line-height: 1.3em;
 background-color: rgba(24, 175, 223, 0.25);
     word-wrap: break-word;
}

これは私のチャット会話の HTML タグです。

<div class="chatboxcontent">
  I want to put my conversation here. 
the content is generated by javascript dynamically.
</div>

会話を生成するコードは次のとおりです (問題が発生する部分である可能性があります???)

if(event.keyCode == 13 && event.shiftKey == 0)  {

    var $message = $(chatboxtextarea).val();
    $message = $message.replace(/^\s+|\s+$/g,"");

    $(chatboxtextarea).val('');
    $(chatboxtextarea).focus();
    $(chatboxtextarea).css('height','20px');
    if ($message != '') {

        $("#chatbox_"+name +" .chatboxcontent").append(myDate());
        $("#chatbox_"+name +" .chatboxcontent").append(username+': ');
        $("#chatbox_"+name +" .chatboxcontent").append($message);
        $("#chatbox_"+name +" .chatboxcontent").append("<br/>");

        // post content to server   
        $.post("sidechat/chat.php", {'from':username, 'to':indentedName, 'content':$message}, 
            function(data){
            //success function
            console.log("send message to db");
        });
    }

    return false;
}

私の問題は、word-wrap プロパティが何もしないかのように、長い単語がチャット ウィンドウから消えてしまうことです。

助けが必要。

ありがとうございました

更新------07/16/13----------------

jsFiddle へのリンクは次のとおりです: http://jsfiddle.net/f62N9/

jsFiddle では問題なく動作しているように見えますが、ローカルホストでは何もしないのはなぜですか ???