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

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

概述这是我的博客页面.我的一些帖子有C#代码块.为此,我使用<'pre'>标签.预标签宽度为100%,具有背景颜色.但是,文字如下图所示.我该如何克服呢?我不想要底部的滚动条. 有几个解决方案: 最简单的是在文本中放置换行符.这可能不是你想要的,因为它将留下大的右边距或仍然导致滚动条,除非浏览器窗口只是正确的大小. 另一个是使用空格:预先包装;在您的< pre>标签.这将导致文本根据需要换行到新行,但 这是我的博客页面.我的一些帖子有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为例.

总结

以上是内存溢出为你收集整理的HTML标签值得水平滚动条,如何格式化?全部内容,希望文章能够帮你解决HTML标签值得到水平滚动条,如何格式化?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/web/1101493.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存