html中的空格怎么写,html中空格代码是什么？

Z_T_F

已于 2023-01-04 16:01:05 修改

阅读量1k

点赞数

文章标签：前端 html javascript

于 2023-01-04 15:52:25 首次发布

本文链接：https://blog.csdn.net/m0_67444502/article/details/128549475

版权

一、nbsp;

非断行空格，是常规空格的宽度，可运行于所有主流浏览器。其它几种空格(ensp;、emsp;、;、zwnj;、zwj;)在不同浏览器中宽度各异。

nbsp;叫不换行空格，全称为No-，它是最常见且使用最多的空格，大多数的人可能只接触了nbsp;，它是按下键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的(只算1个)。要使用html实体表示才可累加，该空格占据宽度受字体影响明显而强烈；

二、ensp;

“半角空格”，全称是En-，en是字体排印学的计量单位，为em宽度的一半。根据定义，它等同于字体宽度的一半(如16px字体中就是8px)。名义上是小写字母n的宽度。此空格传承了空格家族一贯的特性：空格颜色透明，此空格有个相当稳健的特性，即其占据的宽度正好是1/2个中文字符宽度，而且基本上不受字体影响；

三、emsp;

“全角空格”，全称是Em-，em是字体排印学的计量单位，相当于当前指定的点数。例如1em在16px的字体中就是16px。此空格也传承空格家族一贯的特性：空格颜色透明，此空格特性也相当稳健，即其占据的宽度正好是1个中文字符宽度，而且基本上不受字体影响；

<view>
 <text style="white-space:pre-wrap">{{text1}} ———— white-space:pre-wrap 文本保留空格和回车</text>
</view>
<view>
 <text>这是一个段落\t\t\t\t\t\t看我空格（ 多个只会显示一个空格） </text>
</view>
<view>
    <text decode="{{true}}">我要&ensp;开始&ensp;&ensp;&ensp;空格了（空格是中文字符一半大小）</text>
</view>
<view>
    <text decode="{{true}}">我要&emsp;开始&emsp;&emsp;&emsp;空格了（空格是中文字符大小）</text>
</view>
<view>
    <text decode="{{true}}">我要&nbsp;开始&nbsp;&nbsp;&nbsp;空格了（空格根据字体设置）</text>
</view>