html P标签怎么前面留两个空格呢_IT百科

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

一般在<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不同，所以其他几种空格（ ‌‍）在不同浏览器中宽度各异。

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

应用需求：在textarea中输入文字，提交给后台后，后台输出在另一个页面，文字按原格式显示。

在提交接口前处理绑定的数据

方法一：可以用replace替换空格和换行

方法二：识别换行后分别加上p标签

这里需要注意的是在传给接口前还需要将添加p标签后的数组形式转换成字符串

方法三：使用属性contentEditable

属性contentEditable：用于设置或返回元素的内容是否可编辑。

给任意标签如div或p标签设置属性contentEditable = true，则p标签或div标签等为可编辑标签

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

html P标签怎么前面留两个空格呢