大佬教程收集整理的这篇文章主要介绍了有没有办法让这个 html 文本适合移动屏幕并自动换行？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
有没有办法让这个 HTML 文本适合移动屏幕并自动换行？正如您在屏幕截图中看到的，有一个水平滚动条。Screenshot 这是我的代码：
<div class="code">
<xmp>
<!DOCTYPE HTML>
<HTML>
<body>
<p ID="demo">Current Text</p>
<button type="button" onclick='document.getElementByID("demo").INNERHTML = "New
Text"'>Click To Change Text</button>
</body>
</HTML>
</xmp>
</div>
这是文本框的CSS：
.code {
BACkground-repeat:no-repeat;
line-height: 16px;
overflow: auto;
wIDth: 100%;
-webkit-Box-sizing: border-Box;
-moz-Box-sizing: border-Box; Box-sizing: border-Box;}
.code:hover { BACkground-repeat:no-repeat; }
XMP 已过时，请使用 PRE 或 CODE - 在您的情况下，我会使用 CODE 元素。
https://www.w3.org/MarkUp/1995-archive/NonStandard.html
您可以使用 CSS word-break 属性。
.code {
word-break: break-all;
BACkground-repeat:no-repeat;
line-height: 16px;
overflow: auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box;}
.code:hover { BACkground-repeat:no-repeat; }
以上是大佬教程为你收集整理的有没有办法让这个 html 文本适合移动屏幕并自动换行？全部内容，希望文章能够帮你解决有没有办法让这个 html 文本适合移动屏幕并自动换行？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。