内容简介：这是我的博客页面.我的一些帖子有C#代码块.为此,我使用<'pre'>标签.预标签宽度为100％,具有背景颜色.但是,文字如下图所示.我该如何克服呢？我不想要底部的滚动条.代码日志版权声明：翻译自：http://stackoverflow.com/questions/13676587/html-pre-tag-values-get-horizontal-scroll-bars-how-to-format-it
这是我的博客页面.我的一些帖子有C#代码块.为此,我使用<'pre'>标签.预标签宽度为100％,具有背景颜色.但是,文字如下图所示.我该如何克服呢？我不想要底部的滚动条.
有几个解决方案：
最简单的是在文本中放置换行符.这可能不是你想要的,因为它将留下大的右边距或仍然导致滚动条,除非浏览器窗口只是正确的大小.
另一个是使用空格：预先包装;在您的<pre>标签.这将导致文本根据需要换行到新行,但仍保留源中存在的所有空格.有关此CSS属性的更多信息,请参阅 http://www.w3schools.com/cssref/pr_text_white-space.asp .
或者,如果您不想添加任何换行符(手动或通过自动换行),则可以使用以下CSS属性之一为您的<pre>标签：
> overflow-x：hidden;这将简单地切断延伸到正确边缘的文字.它根本看不到.
> overflow-x：scroll;当文字延伸到正确的边缘时,这将导致滚动条出现在您的网页中.这将防止整个页面变得如此宽,滚动条出现在底部.以 http://www.w3schools.com/cssref/playit.asp?filename=playcss_overflow-x&preval=scroll 为例.
代码日志版权声明：
翻译自：http://stackoverflow.com/questions/13676587/html-pre-tag-values-get-horizontal-scroll-bars-how-to-format-it
以上所述就是小编给大家介绍的《HTML标签值得到水平滚动条,如何格式化？》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- CSS——CSS 基本视觉格式化：① “块盒子”格式化
- CSS——CSS 基本视觉格式化：② “行内盒子”格式化
- 得到XML文档大小的方法
- 调参——得到更好的 kNN 模型
- Go代码格式化
- golang 时间格式化
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
R语言实战（第2版）
[美] Robert I. Kabacoff / 王小宁、刘撷芯、黄俊文等 / 人民邮电出版社 / 2016-5 / 99.00元
本书注重实用性，是一本全面而细致的R指南，高度概括了该软件和它的强大功能，展示了使用的统计示例，且对于难以用传统方法处理的凌乱、不完整和非正态的数据给出了优雅的处理方法。作者不仅仅探讨统计分析，还阐述了大量探索和展示数据的图形功能。新版做了大量更新和修正，新增了近200页内容，介绍数据挖掘、预测性分析和高级编程。一起来看看 《R语言实战（第2版）》 这本书的介绍吧!
JSON 在线解析
在线 JSON 格式化工具
图片转BASE64编码
在线图片转Base64编码工具