文字不要去新线

Question

嗨，我有一个搞乱的系统，从数据库中获取消息。问题是消息继续存在而不是在窗口中转到新行。无论我将宽度设置为什么。我的代码在下面

此代码位于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轴上有溢出，因为页面上有多个可滚动元素。并且必须具有设定的高度和宽度。

Answer 1

我遇到了同样的问题。使用pop from navigation stack代替white-space: pre-wrap;解决了我的问题。

Answer 2

您是否尝试过明确地将文字调用到wrap？

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