文字不會換行

嗨，我有一個混亂的系統，它從數據庫中獲取消息。問題是消息正在繼續，並且不會在窗口中出現新行。不管我是否將寬度設置爲任何值。我的代碼是低於文字不會換行

此代碼是在while循環中。從數據庫創建結果並使用ajax顯示它們。在此顯示的

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

代碼，用AJAX

<div id = "load_results" ></div

這是CSS

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

     } 

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

     }

它需要有在y軸上的溢出，因爲有多個滾動元件排列在頁面上。並且必須具有一定的高度和寬度。

來源

2016-09-19 Jackbeeby

文中是否有空格？如果沒有，它不會包裝/中斷。 –

有空格是因爲它的消息。還有一種方法嗎？ @RonRoyston – Jackbeeby

請注意，您不能爲多個元素使用相同的「id」。相反，將'message'和'load_results'設爲類。 – Kaivosukeltaja

您是否嘗試過明確地致電wrap？

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

來源

2016-09-19 07:10:52 NooBskie

我面臨同樣的問題。用white-space: pre-wrap;代替white-space: wrap;解決了我的問題。

來源

2018-01-04 14:33:32 uzeuze

文字不會換行

回答

相關問題