【总结】怎样在<p>标签内显示空格——空格实体_IT百科

一般在<p>标签中，无论文字间有几个空格都只会显示一个，若需显示多个，则需用到html中的几种空格实体。

即不换行空格，全称No-Break Space，是最常见且使用最多的空格。HTML字符值引用为：，宽度受字体影响明显而强烈。

即“半角空格”，全称En Space，en是字体排印学的计量单位，为em宽度的一半，即等同于字体度的一半。宽度正好是1/2个中文宽度，而且基本上不受字体影响。

即“全角空格”，全称Em Space，em是字体排印学的计量单位。宽度正好是1个中文宽度，而且基本上不受字体影响。

即“窄空格”，全称Thin Space。宽度仅为em的六分之一。

‌

即“零宽不连字”，全称Zero Width Non Joiner，简称“ZWNJ”，是一个不打印字符，放在电子文本的两个字符之间，抑制本来会发生的连字，并以这两个字符原本的字形来绘制。其Unicode码位为：U+200C，HTML字符值引用为：‌。

‍

即“零宽连字”，全称Zero Width Joiner，简称“ZWJ”，是一个不打印字符，放在某些需要复杂排版语言（如阿拉伯语、印地语）的两个字符之间，使得这两个本不会发生连字的字符产生了连字效果。其Unicode码位为：U+200D，HTML字符值引用为：‍。

总的来说， html中的几种空格实体拥有不同的宽度，其中，非断行空格（&nbsp）是常规空格的宽度，可运行于所有主流浏览器。由于不同情况下，浏览器的em不同，所以其他几种空格（ ‌‍）在不同浏览器中宽度各异。

此外，浏览器还会把以下字符当作空白进行解析：空格（）、制表位（）、换行（）和回车（）还有（　）等。

CSS中定义P标签的text-indent:2em示例：

p{text-indent:2em}

</style>

<body>

<p>

这里是放入的段落文字

</p>

</body>

扩展资料：

HTML <p> 标签

所有主流浏览器都支持 <p>标签，<p>标签定义段落，p 元素会自动在其前后创建一些空白，浏览器会自动添加这些空间，也可以在样式表中规定。

注：

1、在 HTML 4.01 中，所有 p 元素的呈现属性均不被赞成使用。

2、在 XHTML 1.0 Strict DTD 中，所有 p 元素的呈现属性均不被支持。

规定段落中文本的对齐方式：

<p>标签支持 HTML 中的全局属性。

<p>标签支持 HTML 中的事件属性。

可以只在块（block）内指定段落，也可以把段落和其他段落、列表、表单和预定义格式的文本一起使用。总的来讲，这意味着段落可以在任何有合适的文本流的地方出现，例如文档的主体中、列表的元素里，等等。

方法一：

打开图片—设置背景色颜色【也就是你要添加的空白区域的颜色】—点击“裁切工具”，图片边缘出现裁切框，任意拉动到你想要的地方，双击确定即可！

方法二：

打开图片—菜单栏中的“图像-画布大小”【快捷键Ctrl+Alt+c】—d窗中设置宽高、定位点、背景色—确定即OK！

作图不易，且看且珍惜~有任何不明白的地方，可补充留言~

希望能够帮到你，或你们~~~~

欢迎分享，转载请注明来源：内存溢出

【总结】怎样在<p>标签内显示空格——空格实体