텍스트가 새 줄로 이동하지 않습니다

Question

안녕하세요, 나는 데이터베이스에서 메시지를 가져 오는 시스템이 있습니다. 문제는 메시지가 계속 진행 중이고 창에서 새 줄로 이동하지 않는다는 것입니다. 아무리 너비를 설정해도 상관 없습니다. 내 코드가 아래와 같습니다

이 코드는 while 루프에 있습니다. 데이터베이스에서 결과를 얻고 아약스를 사용하여 결과를 표시합니다. 이 표시

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

코드 사용 Ajax는

<div id = "load_results" ></div 

이것은 CSS 여러 스크롤 요소 늘어서 있기 때문에이 Y 축에 오버 플로우가 있어야

#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;을 사용하면 문제가 해결됩니다.