这是我的博客页面。有时我不得不在博客中使用C#,PHP和其他代码片段。因此,我使用pre标记来使它看起来更漂亮,并保持格式代码的原样。pre
标签宽度是100%,它有一个背景颜色。然而,文本在上面的图像中消失了,水平滚动条将会出现。我该如何克服这个问题呢?我不想要底部的滚动条。
发布于 2018-09-06 15:54:08
添加样式:
pre {
white-space: pre-wrap;
word-break: break-word;
}
发布于 2019-10-14 15:22:28
我的代码行包含在<a>
标记中。这对我来说很有效:
a, pre {
white-space: pre-wrap;
word-wrap: break-word;
}
发布于 2016-07-10 08:10:57
您可以使用一些CSS属性:
pre {
display: flex;
white-space: normal;
word-break: break-word;
}
可选地,如果<pre>
位于<span>
内部
span pre { display: inline-flex; }
https://stackoverflow.com/questions/13676587
复制相似问题