pre 标签内容自动换行的方法
<pre> 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
而我们经常碰到的一个问题是如果一个代码上碰到有图片或者网页地址就会使代码很长,结果会造成页面撑开或者代码超出边界。非常难受,如果用overflow:hidden那么会将原来的代码隐藏掉,用overflow:auto则会出现滚动条,代码也不方便阅读。
只需要添加如下CSS代码就能使<pre>的内容自动换行了。
pre { white-space: pre-wrap; word-wrap: break-word; }
(资源库 www.zyku.net)
您可能感兴趣的文章
- 07-09Syntax error or access violation: 1055 Expression
- 05-07wordpress如何修改后台登录地址,提高安全性
- 05-05SQL Server 的 Enterprise、Standard、Express、Devel
- 11-29WordPress提示正在执行例行维护,请一分钟后回来的解决
- 05-16Wordpress网易云跟贴插件安装教程
- 03-15wordpress网站改版不得不看的六个方面
- 03-15WordPress占用资源过大 一般的优化方法
- 03-15Wordpress对比PageAdmin、织梦和帝国
- 03-15PHP7.0正式版 VS PHP5.5.30 WORDPRESS性能测试对比
- 03-15Mac下安装WordPress教程
- 02-08pytorch DataLoader的num_workers参数
- 07-05Linux rlogin命令
- 11-05marginnote3退出焦点教程分享
- 02-28Linux下rar包的压缩与解压详解
- 08-02Discuz后台登录不上了 登录后自动退出
- 01-17呆萌抓娃娃-呆萌抓娃娃应用软件功能介
- 01-13秒飞加速-秒飞加速应用软件功能介绍
- 02-15华为mate40实时网速显示桌面教程
- 08-14织梦DedeCMS调用发布时间为某个时间前
- 09-18vivox70pro怎么设置防止恶意截屏
最近更新
阅读排行
猜你喜欢
- 01-12动态音乐相册-动态音乐相册应用软件功
- 01-19百万超人答题-百万超人答题应用软件功
- 01-12巨峰眼-巨峰眼应用软件功能介绍
- 12-29AI视频转换-AI视频转换应用软件功能介
- 01-12房无双-房无双应用软件功能介绍
- 10-15iphone13pro刷新率怎么调节
- 01-18赏金电竞-赏金电竞应用软件功能介绍
- 01-12用dedecms实现拼音显示文章标题页文件
- 09-12苹果12微信怎么设置视频悬浮窗
- 11-02华为天际通流量卡激活方法介绍