<pre>标签内容自动换行的方法
时间：2017-11-22 16:16:54|栏目：HTML/Xhtml|点击： 次
<pre> 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
而我们经常碰到的一个问题是如果一个代码上碰到有图片或者网页地址就会使代码很长，结果会造成页面撑开或者代码超出边界。非常难受，如果用overflow:hidden那么会将原来的代码隐藏掉，用overflow:auto则会出现滚动条，代码也不方便阅读。
只需要添加如下CSS代码就能使<pre>的内容自动换行了。
|
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
|
栏 目：HTML/Xhtml
本文地址：https://www.fushidao.cc/wangyezhizuo/5.html
您可能感兴趣的文章
- 01-30HTML5网页制作教程中，有哪些关键技术点容易被初学者忽视？
- 01-30邹平县html网页制作，如何选择专业服务商？
- 01-30html冬奥会网页制作如何高效完成冬奥主题网页设计？挑战与技巧揭秘
- 01-30HTML网页制作案例中，有哪些实用技巧和常见问题值得探讨？
- 01-30如何轻松制作简易HTML网页？分享实用教程与技巧！
- 01-30制作简单的HTML网页需要注意哪些细节才能确保网页布局美观且功能齐全？
- 01-30html基本网页制作如何掌握从零开始的网页设计技巧？
- 01-30HTML网页制作全过程揭秘，从零开始，如何一步步构建精美网页？
- 01-30光遇HTML网页制作过程中，有哪些常见问题及解决技巧？
- 01-30如何用HTML和CSS轻松制作出精美的静态网页？
阅读排行
- 1HTML5网页制作教程中，有哪些关键技术点容易被初学者忽视？
- 2邹平县html网页制作，如何选择专业服务商？
- 3html冬奥会网页制作如何高效完成冬奥主题网页设计？挑战与技巧揭秘
- 4HTML网页制作案例中，有哪些实用技巧和常见问题值得探讨？
- 5如何轻松制作简易HTML网页？分享实用教程与技巧！
- 6制作简单的HTML网页需要注意哪些细节才能确保网页布局美观且功能齐全？
- 7html基本网页制作如何掌握从零开始的网页设计技巧？
- 8HTML网页制作全过程揭秘，从零开始，如何一步步构建精美网页？
- 9光遇HTML网页制作过程中，有哪些常见问题及解决技巧？
- 10如何用HTML和CSS轻松制作出精美的静态网页？
推荐教程
- 02-19HTML中表格动态添加_动力节点Java学院整理
- 09-112025年9月网页制作：HTML与XHTML的最新代码
- 02-19HTML标签meta总结,HTML5 head meta 属性整理
- 02-19html 基于 canvas 实现的一个截图小demo
- 12-14HTML表格合并的具体实现方式
- 02-195种做法实现table表格中的斜线表头效果
- 02-19HTML网页中插入视频的方法小结
- 02-19html中关于form与表单提交操作的资料集合
- 02-19快速解决input[type=file]打开时慢、卡顿的问题
- 12-18Html去除a标签的默认样式的操作代码