js css 文字换行显示

在开发过程中会碰到表单输入框中含有换行空格字符的数据保存后，在前端也能展示效果。实现方式有几种：

问题：

1、直接用表单输入框展示文字

2、用css方式

.text{border: 1px solid #e1e1e1;padding: 5px; white-space: pre-wrap;word-break: break-all;
}

效果：

3、用js

// html
<div id="text"></div>// javascript
var txt = txt.replace(/\n/g, "<br/>");
$('#text').html(txt)
// jq

js css 文字换行显示相关推荐

yii blog页面不能正确显示js,css文件的原因分析
昨天从yii官网下载了一个yii源码,发现blog页面的js,css都显示为 Access Denied! 整个页面没有样式,非常杂乱. 根据"Access Denied!"的提示 ...
HTML表格的单元格凹凸效果,JS+CSS实现可以凹陷显示选中单元格的方法
本文实例讲述了JS+CSS实现可以凹陷显示选中单元格的方法.分享给大家供大家参考.具体实现方法如下: JS+CSS实现可以凹陷显示选中的单元格 td{cursor:hand;font-size:12p ...
three.js 加载显示文字
three.js 加载显示文字代码放到 ./three.js/examples/ 下 <!DOCTYPE html> <html lang="en">&l ...
关于js css html加载顺序整理
参考原文豆豆蛙:关于js css html加载顺序整理 1.js放在head中会立即执行,阻塞后续的资源下载与执行.因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控. 正 ...
让DIV中文字换行显示
让DIV中文字换行显示 1. <style>div{white-space:normal;word-break:break-all;word-wrap:break-word; }</ ...
phpcmsV9找配置文件修改JS/CSS/IMG/APP_PATH、upload_path的路径？
phpcmsV9查找system.php配置文件修改JS_PATH.CSS_PATH.IMG_PATH.APP_PATH.upload_path的路径前言: 需求说明: 因为百度云SSL证书服务的开 ...
html英文日期js,JS网页上显示中英文版日期时间(根据电脑上的时间)
JS网页上显示中英文版日期时间(根据电脑上的时间) <script language="javascript"> function shownowtime() { va ...
原生js与jQuery显示隐藏div的几种方法
原生Js与jQuery显示隐藏div的几种方法简介:本文将会讲解,如何使用原生的JS和jquery来实现对于这个div盒子的隐藏 js 方式一首先是进行js演示和讲解. 首先是display的方法 ...
HTML+JS+CSS+xml快速入门
一. HTML 1.HTML是什么 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,由开发者编写的HTML文件会在浏览器中被加载和解析,然后通过一个页面表 ...

js css 文字换行显示

1、直接用表单输入框展示文字

2、用css方式

3、用js

js css 文字换行显示相关推荐

最新文章

热门文章