内容简介：这是我的博客页面.我的一些帖子有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 时间格式化
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Numerical Methods and Methods of Approximation in Science and En
Karan Surana / CRC Press / 2018-10-31
ABOUT THIS BOOK Numerical Methods and Methods of Approximation in Science and Engineering prepares students and other readers for advanced studies involving applied numerical and computational anal......一起来看看 《Numerical Methods and Methods of Approximation in Science and En》 这本书的介绍吧!
HTML 编码/解码
HTML 编码/解码
RGB CMYK 转换工具
RGB CMYK 互转工具