0

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

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

在此先感谢您的帮助

4

3 回答 3

2

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

.blog-content {
  font-family:monospace;
  font-size:12px;
  overflow:auto;
  width: 100%;
  word-wrap: normal;
}
于 2013-10-01T12:12:57.073 回答
1

博客文章当前包含在<pre>标签中。pre 标签的要点是它们保留换行符和空格。对于这种情况，这可能不是您想要的。

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

于 2013-10-01T12:05:31.297 回答
1

尝试添加空格：正常；

.blog-content {
    font-family: monospace;
    font-size: 12px;
    overflow: auto;
    white-space: normal;
}
于 2013-10-01T12:05:40.853 回答