首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >超文本标记语言<pre>标记值得到水平滚动条,如何格式化?

超文本标记语言<pre>标记值得到水平滚动条,如何格式化?
EN

Stack Overflow用户
提问于 2012-12-03 11:01:06
回答 4查看 54K关注 0票数 48

这是我的博客页面。有时我不得不在博客中使用C#,PHP和其他代码片段。因此,我使用pre标记来使它看起来更漂亮,并保持格式代码的原样。pre标签宽度是100%,它有一个背景颜色。然而,文本在上面的图像中消失了,水平滚动条将会出现。我该如何克服这个问题呢?我不想要底部的滚动条。

EN

回答 4

Stack Overflow用户

发布于 2018-09-06 15:54:08

添加样式:

pre { 
    white-space: pre-wrap; 
    word-break: break-word;
}
票数 7
EN

Stack Overflow用户

发布于 2019-10-14 15:22:28

我的代码行包含在<a>标记中。这对我来说很有效:

a, pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
票数 3
EN

Stack Overflow用户

发布于 2016-07-10 08:10:57

您可以使用一些CSS属性:

pre {
display: flex;
white-space: normal;
word-break: break-word;
}

可选地,如果<pre>位于<span>内部

span pre { display: inline-flex; }
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13676587

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档