前缀实现响应能力

我的博客在回复几篇文章时遇到问题。

原来我的文章有问题。它们都有一段超出正常页面宽度且没有空格的代码。

例如：

cd /some/super/long/super/long/folder

或任何其他很长的命令。

我的博客的代码片段会自动添加到代码标签和预标签中。

默认情况下，预标记的 CSS 空间属性设置为正常，为了解决这个问题，我们将其设置为预换行：

pre {
  white-space: pre-wrap;
}

有些单词太长时，仍然会破坏布局。为了解决这个问题，你还可以添加：

pre {
  word-break: break-all;
}