首页 > 其他 > 详细

<pre>标签让<textarea>标签的内容原样输出

时间:2014-07-29 12:31:26      阅读:356      评论:0      收藏:0      [点我收藏+]

当通过<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>标签让<textarea>标签的内容原样输出,布布扣,bubuko.com

<pre>标签让<textarea>标签的内容原样输出

原文:http://www.cnblogs.com/mizzle/p/3874802.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!