HTML中保持数据库存储的换行文本格式（\n字符在HTML中换行

作者: 马云生 | 来源:发表于2022-04-22 11:09 被阅读0次

HTML中保持数据库存储的换行文本格式（\n字符在HTML中换行
换行场景使用总结_20200522
html中\n换行无效
HTML中的换行与空格
PHP中和HTML标签相关的字符串格式化
html中的换行
Vue中的文字换行问题
CSS 解决HTML中\n换行
好程序员web前端培训分享HTML元素强制不换行
标签内换行</a></li></ol></div> <blockquote> <p>问题：用户在画面上通过页面的 textarea输入带有换行的内容，然后保存到数据库中（数据库Varchar2类型），当从数据库中读取出保存的内容，再次显示在页面上时表示成了一行。</p></blockquote> <blockquote> <p>解决：带有换行的文本从数据库中读取出的时候，换行符号为\n.为了能在HTML页面上保持换行可以通过设置css的white-space实现</p> <p>white-space: pre</p> <p>或者</p> <p>white-space: pre-line</p></blockquote> <img src="https://img.haomeiwen.com/i5688993/d5a953e4f24b0675.png"> </div><div class="relateds"><h2>相关文章</h2><ul><li id="r1"><a href="/user/svvsettx.html"><img src="https://img.haomeiwen.com/is5688993/d5a953e4f24b0675.png" width="80"></a><h3><a href="/subject/kyogertx.html">HTML中保持数据库存储的换行文本格式（\n字符在HTML中换行</a></h3><p>问题：用户在画面上通过页面的textarea输入带有换行的内容，然后保存到数据库中（数据库Varchar2类型），...</p></li><li id="r2"><a href="/user/stalzttx.html"><img src="https://img.haomeiwen.com/ud/13-394c31a9cb492fcb39c27422ca7d2815.jpg" width="80"></a><h3><a href="/subject/vmfqahtx.html">换行场景使用总结_20200522</a></h3><p>换行类型 1,不同操作系统的换行 2,Oracle数据库中的换行 3,Html中Textarea的换行 3.1 判...</p></li><li id="r3"><a href="/user/pgubrttx.html"><img src="https://img.haomeiwen.com/ud/4-3397163ecdb3855a0a4139c34a695885.jpg" width="80"></a><h3><a href="/subject/wvomoktx.html">html中\n换行无效</a></h3><p>今天在写后台管理项目时，element表格中展示的内容需要换行，给字符串中插入\n，但页面上却显示成了空格。百度了...</p></li><li id="r4"><a href="/user/uzvuettx.html"><img src="https://img.haomeiwen.com/is5741932/a1316c9d952d97ca.png" width="80"></a><h3><a href="/subject/fhwyectx.html">HTML中的换行与空格</a></h3><p>在html中，如果你的字符串是写在某个标签里面的，那么不管是真正的回车换行还是你用转义 \n换行，你都得不到你想要...</p></li><li id="r5"><a href="/user/xztagttx.html"><img src="https://img.haomeiwen.com/us10018971/6469a2e9-9f16-4431-868f-28b6d1cd25ab.jpg" width="80"></a><h3><a href="/subject/mzewnxtx.html">PHP中和HTML标签相关的字符串格式化</a></h3><p>1，nl2br ( string string )可将字符串中的换行符转成HTML的换行符号。 2，htmlspe...</p></li><li id="r6"><h3><a href="/subject/yltqrttx.html">html中的换行</a></h3><p></p></li><li id="r7"><a href="/user/sipiqttx.html"><img src="https://img.haomeiwen.com/us1715517/7599c533-7f0a-4683-a195-70afb4cc2fa0.jpg" width="80"></a><h3><a href="/subject/wufifdtx.html">Vue中的文字换行问题</a></h3><p>1、br换行可以使用v-html 2、\n 换行 3、把br替换成\n换行 4、el-tooltip内容换行（把\...</p></li><li id="r8"><a href="/user/hhjldxtx.html"><img src="https://img.haomeiwen.com/us16124087/969c99d5-0d1c-4a41-9450-9267dcebd49f" width="80"></a><h3><a href="/subject/ijdovktx.html">CSS 解决HTML中\n换行</a></h3><p>这样\n就能被识别，自动换行。兼容性如下：</p></li><li id="r9"><h3><a href="/subject/nobgwqtx.html">好程序员web前端培训分享HTML元素强制不换行</a></h3><p>好程序员web前端培训分享HTML元素强制不换行，HTML 中 nowrap是用来强制不换行的在排版中对包裹p...</p></li><li id="r10"><h3><a href="/subject/vewujqtx.html"><TextArea>标签内换行</a></h3><p>利用HTML中的换行符</p></li></ul></div></div><div id="comments"><h2>网友评论</h2><ul></ul></div><ul></ul><div class="article_by"><div class="bytitle"><p>本文标题：<font color="#666">HTML中保持数据库存储的换行文本格式（\n字符在HTML中换行</font></p><p>本文链接：<font color="#666">https://www.haomeiwen.com/subject/kyogertx.html</font></p></div></div></div><div class="meiwen-left fl mb"><div class="title ht"><h3>延伸阅读</h3><div class="share fr" id="bdshare"></div><i class="lt"></i><i class="rt"></i></div><div class="related"><ul class="related-list"><li><a class="meiwen" href="/mw/lbyctttx.html">那年盛夏诗歌</a></li><li><a class="meiwen" href="/sy/kbyctttx.html">环境监察队工作总结范文</a></li><li><a class="meiwen" href="/sy/hbyctttx.html">优秀教师学习心得范文</a></li><li><a class="meiwen" href="/sy/cbyctttx.html">华胥引的读后感300字</a></li><li><a class="meiwen" href="/yw/qbyctttx.html">《Its red》教学反思范文</a></li><li><a class="meiwen" href="/sy/fbyctttx.html">农资购销的合同范本</a></li><li><a class="meiwen" href="/sy/xbyctttx.html">竞选中队委优秀演讲稿</a></li><li><a class="meiwen" href="/yw/tbyctttx.html">辞金蹈海的成语解释</a></li><li><a class="meiwen" href="/ja/zvyctttx.html">《世纪宝鼎》公开课教案设计</a></li></ul></div><div class="picture" ><ul class="picture-list"><li><a class="meiwen" href="/article/69641.html"><img class="lazy" data-original="/uploads/allimg/1611/1-1611292156350-L.jpg" width="150" height="120" alt="因为爱你，所以牵挂"/><span>因为爱你，所以牵挂</span></a></li><li><a class="meiwen" href="/article/84632.html"><img class="lazy" data-original="/uploads/userup/2800/14V4C648-O08.jpg" width="150" height="120" alt="今生今世红尘醉——美到心碎的古诗词"/><span>今生今世红尘醉——美到</span></a></li><li><a class="meiwen" href="/article/53482.html"><img class="lazy" data-original="/uploads/allimg/1609/1-160ZPU1030-L.jpg" width="150" height="120" alt="一个90后的内心独白"/><span>一个90后的内心独白</span></a></li><li><a class="meiwen" href="/article/3639.html"><img class="lazy" data-original="/uploads/userup/1159/1432YGR-9294.jpg" width="150" height="120" alt="致已逝去的高中年华"/><span>致已逝去的高中年华</span></a></li></ul></div></div><div class="meiwen-left fl mb"><div id="pinglun"><div id="SOHUCS"></div></div></div><div class="meiwen-left fl"><div class="title ht"><h3>深度阅读</h3><ul class="list"><li><font color="#A2B088">您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！</font></li></ul><i class="lt"></i><i class="rt"></i></div><ul class="tags"><li><a class="meiwen" href="/huati/qingrenjie/">情人节</a></li><li><a class="meiwen" href="/huati/muqinjie/">母亲节</a></li><li><a class="meiwen" href="/huati/chongyangjie/">重阳节</a></li><li><a class="meiwen" href="/huati/qingmingjie/">清明节</a></li><li><a class="meiwen" href="/huati/duanwujie/">端午节</a></li><li><a class="meiwen" href="/huati/zhishujie/">植树节</a></li><li><a class="meiwen" href="/huati/yuanxiaojie/">元宵节</a></li><li><a class="meiwen" href="/huati/funvjie/">妇女节</a></li><li><a class="meiwen" href="/huati/yurenjie/">愚人节</a></li><li><a class="meiwen" href="/huati/shengdanjie/">圣诞节</a></li><li><a class="meiwen" href="/huati/fuqinjie/">父亲节</a></li><li><a class="meiwen" href="/huati/jiaoshijie/">教师节</a></li><li><a class="meiwen" href="/huati/ertongjie/">儿童节</a></li><li><a class="meiwen" href="/huati/laodongjie/">劳动节</a></li><li><a class="meiwen" href="/huati/qingnianjie/">青年节</a></li><li><a class="meiwen" href="/huati/jianjunjie/">建军节</a></li><li><a class="meiwen" href="/huati/wanshengjie/">万圣节</a></li><li><a class="meiwen" href="/huati/pinganye/">平安夜</a></li><li><a class="meiwen" href="/huati/guanggunjie/">光棍节</a></li><li><a class="meiwen" href="/huati/zhongqiujie/">中秋节</a></li><li><a class="meiwen" href="/huati/guoqingjie/">国庆节</a></li><li><a class="meiwen" href="/huati/ganenjie/">感恩节</a></li><li><a class="meiwen" href="/huati/labajie/">腊八节</a></li><li><a class="meiwen" href="/huati/">更多话题</a></li></ul></div><div class="cl"></div></div><div class="article-right"><div class="meiwen-right fr mb"><dt class="title hd"><h3>栏目导航</h3><i class="lt"></i><i class="rt"></i></dt><ul class="list-nav"><a class="meiwen" href="/c/hqtttttx.html">摄影</a><a class="meiwen" href="/c/vqtttttx.html">故事</a><a class="meiwen" href="/c/uttttttx.html">互联网</a><a class="meiwen" href="/c/cttttttx.html">读书</a><a class="meiwen" href="/c/yttttttx.html">旅行</a></ul></div></div><div class="meiwen-right fr mb"><div class="title hd"><h3>热点阅读</h3><i class="lt"></i><i class="rt"></i></div><ul class="right-list"><li><a class="meiwen" href="/subject/sjogertx.html">可笑可悲</a></li><li><a class="meiwen" href="/subject/jjogertx.html">你请他包涵，他就真的会包涵？</a></li><li><a class="meiwen" href="/subject/ljogertx.html">归乡的女孩怎么样了？</a></li><li><a class="meiwen" href="/subject/zdogertx.html">四月读书天，与你一起早起共读：第2季《文化参考》117</a></li><li><a class="meiwen" href="/subject/idogertx.html">金陵骑行，又和南京人吵架了</a></li><li><a class="meiwen" href="/subject/mdogertx.html">赤子之心</a></li><li><a class="meiwen" href="/subject/udogertx.html">她走了</a></li><li><a class="meiwen" href="/subject/edogertx.html">像大树一样成长</a></li><li><a class="meiwen" href="/subject/hdogertx.html">吾与吾周旋久||十三</a></li><li><a class="meiwen" href="/subject/tdogertx.html">有一种快乐叫做无知</a></li></ul></div></div></div></div><div class="footer"><p class="p_1"><a href="/about/aboutus.html">关于我们</a>|<a href="/about/service.html">服务条款</a>|<a href="/about/contact.html">联系我们</a>|<a href="/subject/kyogertx.html">HTML中保持数据库存储的换行文本格式（\n字符在HTML中换行</a>|<a href="/about/tougao.html">投稿指南</a>|<a href="/sitemap.html">网站地图</a>|<a href="/rssmap.html">RSS订阅</a>|<a href="/about/paiban.html">排版工具</a>|<a href="javascript:vod(0);" onclick="Mobileurl()">手机版</a></p><p class="p_2">提供<a href="/meiwen/zhaichao/">经典美文摘抄</a>,<a href="/sanwen/">优美散文欣赏</a>,<a href="/shige/xiandai/">现代诗歌精选</a>,<a href="/xiaoshuo/">短篇小说</a>,<a href="/diary/suibi/">心情随笔</a>,<a href="/qingshu/">表白情书</a><a href="/fanwen/">范文</a>,<a href="/gushi/">故事会在线阅读</a>欣赏</p><p class="p_2">Copyright © 2014-2023 <a href="/">Haomeiwen.com</a> All Rights Reserved. <a href="/">好美文阅读网</a> 版权所有</p><p class="p_2">备案信息：<i></i>桂公网安备 45052102000051号 · 桂ICP备13007215号-3</p><div class="footer_service"><p class="p_2">本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯</p><p class="p_2">所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！</p></div></div><script src="https://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript" src="https://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.min.js"></script><script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script><script type="text/javascript" src="/img/jquery.meiwen.min.js"></script></body></html>