white-space: pre-wrap 会出现首行缩进的解决办法

项目中遇到一个需求，用户输入内容需要保留空白符和换行符来展示。

想必大家都想到了

white-space: pre-wrap

用户输入的：

实际展示的：

会发现第一行，没有空格咋还首行缩进了？此时设置text-indent:0 也没用

网上一查，试试<pre>标签，保留原格式

还是不行，搜到了一个不太起眼的文章：如何让<pre></pre>里面的内容首行不缩进?-CSDN论坛

意思是标签和内容间不能有回车，尝试修改了下

心中一万个xx马路过

那再试回<p>标签呢

就因为vscode插件自动格式化，有时候自动化也不好哈哈。

最后再总结一下：不管是div p pre 只要带white-space: pre-wrap样式，标签和内容间不要有回车/空格就行

参考文章：

如何让<pre></pre>里面的内容首行不缩进?-CSDN论坛

white-space: pre-wrap 会出现首行缩进的解决办法相关推荐

white-space:nowrap normal pre pre-wrap pre-line的区别以及pre和pre-wrap的“首行缩进“问题
white-space:nowrap normal pre pre-wrap pre-line的区别以及pre和pre-wrap的"首行缩进"问题 white-space相关属性以 ...
【Word标题样式随正文的样式进行首行缩进的解决办法】
Word标题样式随正文的样式进行首行缩进的解决办法问题原因问题复现处理方法背景:有Word文件需要根据格式进行批量修改,在进行正文格式修改后(首行缩进),发现所有的标题也跟着首行一起缩进了. ...
首行缩进字符计算机怎么弄,word首行缩进2字符是多少厘米
首行缩进2字符是多少厘米? 2字符无具体标准长度在计算机和电信技术中,一个字符是一个单位的字形.类字形单位或符号的基本信息. 字符是指计算机中使用的字母.数字.字和符号,包括:1.2.3.A.B.C. ...
java pdf 首行缩进_java使用iText生成pdf文档的对齐方式
一.前言在企业的信息系统中,报表处理一直占比较重要的作用,本文将介绍一种生成PDF报表的Java组件--iText.通过在服务器端使用Jsp或JavaBean生成PDF报表,客户端采用超级连接显示或 ...
css首行缩进字符间距行高_黑暗代码风格的学院：换行，间距和缩进
css首行缩进字符间距行高 Hey guys! Let me walk you through the next part of our dark-style code academy. In thi ...
markdown笔记（一）—— 首行缩进和换行
首行缩进全角缩进 // 汉字是全角半角缩进 // 英文是半角其实这个挺形象的,m是两个"孔",n是一个"孔".但是不管怎么说,打这么多字去实现 ...
CSDN-markdown 首行缩进的快捷实现
CSDN-markdown 首行缩进的快捷实现: 全角空格配合原创 2016年08月14日 19:03:49 标签: markdown / 首行缩进 / 排版 / 1534 编辑删除在排版时, ...
td 首行缩进_Simditor编辑器，首行缩进功能
最近尝试使用Simditor编辑器,想使用段落首行缩进,没找到这个动能.所以用该编辑器自带的向右缩进功能作为参照,做出了首行缩进的插件. 想要让首行缩进的样式不被过滤掉,在编辑器的设置里边需要给P标签 ...
fastadmin Tinymce编辑器配置首行缩进
记录:使用fastadmin 的免费插件Tinymce富文本编辑器时,设置首行缩进. 一.找到插件js位置并打开文件位置:addons\tinymce\bootstrap.js,bootstrapB ...

white-space: pre-wrap 会出现首行缩进的解决办法

white-space: pre-wrap 会出现首行缩进的解决办法相关推荐

最新文章

热门文章