<pre>标签让<textarea>标签的内容原样输出
2018-01-17 15:59
567 查看
当通过<textarea>插数据进数据的库,取出来后都变成一行变成,用这个<pre>标签能原样输入插入时的格式。
当时要对<pre>加一些CSS样式才行啦。
以下为引用的内容:
<style>
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break:break-all;
overflow:hidden;
}
</style>
该CSS方案可让pre标签内的文本自动换行,我在我有的浏览器上都测试了一下,全部支持,IE6,IE7, IE8, Firefox, Opera, Safari和Chrome。
仅当你把窗口缩小到小于20个字符的宽度的时候,才会超出边界
当时要对<pre>加一些CSS样式才行啦。
以下为引用的内容:
<style>
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break:break-all;
overflow:hidden;
}
</style>
该CSS方案可让pre标签内的文本自动换行,我在我有的浏览器上都测试了一下,全部支持,IE6,IE7, IE8, Firefox, Opera, Safari和Chrome。
仅当你把窗口缩小到小于20个字符的宽度的时候,才会超出边界
相关文章推荐
- <pre>标签让<textarea>标签的内容原样输出
- <pre>标签让<textarea>标签的内容原样输出
- <pre>标签让<textarea>标签的内容原样输出
- 让tinyMce输出<pre>标签html代码自动换行
- html基础 预排版标签<pre> 不动如山的输出
- html基础 预排版标签<pre> 不动如山的输出
- <textarea>里的内容保存MYSQL后,页面输出不换行的解决方法
- 、HTML“计算机输出”标签<code><kbd><samp><tt><var><pre>
- 正确输出<textarea></textarea>编辑的内容格式
- PHP中,<textarea>里的内容保存MYSQL后,页面输出不换行的解决方法
- <textarea></textarea>标签显示内容,
- <pre>标签里面的内容实现自动换行(默认不会自动换行)
- <xmp>标签及它与<pre>标签的区别
- HTML的<pre></pre>标签
- PHP配置使PHP在页面中支持<?= $content; ?>输出内容
- PHP配置使PHP在页面中支持<?= $content; ?>输出内容
- 用 struts2 <s:date> 标签 格式化输出时间
- HTML中<pre>标签介绍
- struts2 <s:property/>标签的使用--输出时间格式转换
- 解决<pre>标签里的文本换行(兼容IE, FF和Opera等)