方法一：css属性 white-space

<p style="white-space: pre;">姓    名</p>

兼容性：IE8 以下不支持。

方法二：html pre 标签

<pre><p>姓    名</p></pre>

HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略)

上述引用地址为：html pre标签

方法三：html 空格

  不换行空格，由space键产生，不累加，宽度受字体影响明显而强烈。
&ensp;半角空格，宽度为字体宽度一半（小写n的宽度），透明，不受字体影响，性能比较稳健。（推荐）
&emsp;全角空格，透明，宽度为字体宽度，不受字体影响，性能比较稳健。（推荐）
  窄空格，1 / 6 em。
&zwnj;零宽不连字，不打印字符。
&zwj;零宽连字，不打印字符。

方法四：JS空格

xao，不间断空格字符串（拉丁字符集）。
&#32，ASCII字符，只一个有效。
\u0020，unicode字符。
&#x20，标准键盘码值表（16进制），只一个有效。
%20，URI编码。
\t tab键，四个空格。

文字中间保留空白的几种方式相关推荐

css文字溢出省略号设置的两种方式
1.多行文本 display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; 2.通 ...
latex 表格单元格上下左右居中_Excel文字对齐技巧：学会这6种方式，快速整理规范表格...
[温馨提示]亲爱的朋友,阅读之前请您点击[关注],您的支持将是我最大的动力! Excel制作表格中,文字在单元格内对齐的方式,我们经常用到的有居中对齐.居右对齐.居左对齐,对过这些对齐方式,可以编辑出 ...
html多重边框，中间空白,【基础】CSS实现多重边框的5种方式
原文:[基础]CSS实现多重边框的5种方式简言目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性,但如果要兼容老的浏览器,则需要选择其它的方案.本文简要地列举了几种多重边框 ...
python 保留两位小数占位_第17p，Python中格式化输出的3种方式
大家好,我是杨数Tos,这是<从零基础到大神>系列课程的第17篇文章,第二阶段的课程:Python基础知识:格式化输出的3种方式学习本课程,建议先看一遍:[计算机基础知识]课程. 格式化 ...
h5文字垂直居中_CSS实现居中的几种方式你都了解吗？
CSS(Cascading Style Sheets)层叠样式表,是在1996年左右,W3C(万维网联盟)做HTML标准化的同时在HTML4.0之外开发的,拯救了当时越来越臃肿杂乱的HTML. 本文将 ...
通过CSS实现文字渐变色的两种方式
说明这次的重点就在于两个属性, background 属性 mask 属性这两个属性分别是两种实现方式的关键. 解释方式一效果图代码 <!DOCTYPE html> < ...
html语言闪烁特效代码,css3 实现文字闪烁效果的三种方式示例代码
1.通过改变透明度来实现文字的渐变闪烁,效果图: 文字闪烁星星之火可以燎原 .myclass{ letter-spacing:5px;/*字间距*/ color: red; font-weight: ...
swift新手进阶30天一自定义上图片下文字的UIButton的几种方式
目前很多app首页功能区都类似工具栏上图标加下文字的方式来自定义按钮.当然,我们也可以用两个控件实现,但是,提升不了我们的逼格.接下来就介绍几种自定义这种上图标下文字的按钮的几种方式.先上图. ![首 ...
复制百度文库的文字加什么后缀_10种方式教你复制网页中不能复制的文字
10 种方式教你复制网页中不能复制的文字很多 seoer 写软文都会复制网页中的文字,但是很多网页中的文字都不能复制,于是综合自己平时遇到的问题,收集了 10 种方式,仅供大家参考,有的我自己没 ...

文字中间保留空白的几种方式

方法一：css属性 white-space

方法二：html pre 标签

方法三：html 空格

方法四：JS空格

文字中间保留空白的几种方式相关推荐

最新文章

热门文章