naro

您所在的位置:首页 > 解决方案 > 其他 > 正文
使pre的内容自动换行 发表时间:2018-05-08 16:33:54 点击:
导言:pre是拿来应用计算机源代码标签,引用的时候有些代码行过长会横向溢出,所以需要换行处理。

核心代码:

pre {
white-space: pre-wrap;
word-wrap: break-word;
}

white-space: pre-wrap的意思是保留空白符序列,但是正常地进行换行。


pre元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

pre标签的一个常见应用就是用来表示计算机的源代码。而我们经常碰到的一个问题是如果一个代码上碰到有图片或者网页地址就会使代码很长,结果会造成页面撑开或者代码超出边界。非常难受,如果用overflow:hidden那么会将原来的代码隐藏掉,用overflow:auto则会出现滚动条,代码也不方便阅读。




解决方案

开发过程中解决问题的思路和方法

作品锦集

项目案例及设计作品

心路历程

散文、日志、记录及其他