テキストは改行されません

Question

こんにちは私はデータベースからメッセージを取得するシステムがあります。問題は、メッセージが継続していて、ウィンドウの新しい行には行かないということです。どんなに幅を設定しても問題ありません。私のコードは以下です

このコードはwhileループにあります。データベースから結果を取得し、ajaxを使用して結果を表示します。

<p id='message' > " . $row["message"]. "</p> 

AJAX

<div id = "load_results" ></div 

これが並ぶ複数のスクロール可能な要素があるので、それはy軸上のオーバーフローを有する必要があるCSS

#message { 
      background-color: blue; 
      width:200px; 
      margin-right: 50px; 

     } 

     #load_results { 
      height:400px; 
      overflow-y: auto; 
      width:250px; 
      padding-left: 10px; 

     } 

あるを使用して、この中に表示されたコード、ページ上に設定された高さと幅を持たなければなりません。

Answer 1

明示的にテキストをwrapにコールしましたか？

#message { 
    background-color: blue; 
    width: 200px; 
    margin-right: 50px; 
    white-space: wrap 
} 

Answer 2

私は同じ問題に直面しています。 white-space: wrap;の代わりにwhite-space: pre-wrap;を使用して私の問題を解決しました。