即使存在空格，textarea中的粘贴文本也会溢出

Question

当有人在文本区域中手动输入时，换行符发生在我想要的位置。但是，如果有人从其他地方粘贴了一段文字，那么就不会出现换行符，并且自动滚动会让我可爱的博客在博客主题字段中留下一个糟糕的水平滚动条。

Blog这里你可以看到我在说什么（如果你想尝试的话，链接到页面底部的帖子条目......）。

提前感谢您的帮助

Answer 1

只需指定.blog-content的宽度，然后使用word-wrap: normal;。

.blog-content {
  font-family:monospace;
  font-size:12px;
  overflow:auto;
  width: 100%;
  word-wrap: normal;
}

Answer 2

博客帖子目前包含在<pre>标签中。预标签的要点是它们保留了换行符和空白区域。这可能不是你想要的这种情况。

将预标签更改为div，您的问题就解决了。

Answer 3

尝试添加white-space：normal;

.blog-content {
    font-family: monospace;
    font-size: 12px;
    overflow: auto;
    white-space: normal;
}