使用<pre></pre> 保留制表符\t 换行符\t\r 格式显示,并强制换行
来源:互联网 发布:python爬虫教程 pdf 编辑:程序博客网 时间:2024/06/05 16:36
1.先尝试使用:word-wrap: break-word;将内容自动换行,IE,OP,Chrome,Safari都可以,FF就悲剧了。
点击查看:http://www.css88.com/demo/pre/index-2.html
2.查看了pre的浏览器默认样式:
xmp, pre, plaintext { display: block; font-family: -moz-fixed; white-space: pre; margin: 1em 0;}
都有这个white-space: pre,看看white-space的值描述:
normal 默认。空白会被浏览器忽略。
- pre 空白会被浏览器保留。其行为方式类似 HTML 中的
<pre>
标签。 - nowrap 文本不会换行,文本会在在同一行上继续,直到遇到
<br>
标签为止。 - pre-wrap 保留空白符序列,但是正常地进行换行。
- pre-line 合并空白符序列,但是保留换行符。
- inherit 规定应该从父元素继承 white-space 属性的值。
有个pre-wrap,保留空白符序列,但是正常地进行换行。
这样就OK了搞定,我们只要加上样式:
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
就能使<pre>
的内容自动换行了。
0 0
- 使用<pre></pre> 保留制表符\t 换行符\t\r 格式显示,并强制换行
- <pre></pre> 文本框中内容保留空格和换行符
- pre 换行
- java去除字符串中的空格\t、回车\n、换行符\r、制表符\t
- java去除字符串中的空格\t、回车\n、换行符\r、制表符\t
- java去除字符串中的空格\t、回车\n、换行符\r、制表符\t
- CSS让PRE标签强制换行
- 替换 html中换行符、空格 ;去除字符串中的空格\\s*,回车\n,换行符\r,制表符\t
- HTML“pre”标签 :用pre元素可定义预先格式文字。所有在pre元素内文字的空白间隔以及换行都会被保留。
- 让pre自动换行
- pre标签自动换行
- pre的换行
- 让pre标签换行
- pre自动换行输出
- pre小技巧:强制换行与横向滚动条[转]
- pre小技巧:强制换行与横向滚动条[转]
- div+pre标签的组合实现文本原格式显示与自动换行
- 在HTML中输出文本需要保留空格和换行符时需要加 <pre>
- 游戏中学会写代码:这些编程学习网站不容错过
- Codeforces Round #332 (Div. 2) 的A,B,C,D
- Ubuntu .deb包安装方法
- android学习,通过监听焦点,来进行类似监听软键盘弹出隐藏的功能
- 练习008-009
- 使用<pre></pre> 保留制表符\t 换行符\t\r 格式显示,并强制换行
- 经典算法——合并两个有序链表
- 《电路基础》叠加定理
- Netty系列之Netty高性能之道
- SASS
- Session ticket关联TLS流方法分析
- Codeforces Round #350 (Div. 2) C Cinema
- 贝叶斯推断及其互联网应用(一):定理简介
- Android NDK之JNI陷阱