HTML标签值得到水平滚动条,如何格式化?

栏目: Html · 发布时间: 7年前

内容简介:这是我的博客页面.我的一些帖子有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标签值得到水平滚动条,如何格式化?》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

一本书读懂24种互联网思维

一本书读懂24种互联网思维

安杰 / 台海出版社 / 2015-3-1 / 39.80元

互联网思维已经不再局限于互联网,与当初人类史上的“文艺复兴”一样,这种思维的核心即将开始扩散开去,对整个大时代造成深远的影响。本书是深入研究互联网思维的精华之作,作者深入浅出地集中阐述了24种互联网思维的内核与精神,并结合实例对这24种互联网思维逐一进行了点评。对于个人与企业如何抓住互联网思维背后正喷薄而出的工作、生活、商业上的大革新与大机遇,如何在互联网思维下进行运作,如何运用互联网思维进行升级......一起来看看 《一本书读懂24种互联网思维》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具