时间戳

首页 > 解决方案 > 为什么我在第一个空格上使用空白预换行和 word-space 来设置空格的宽度

html - 为什么我在第一个空格上使用空白预换行和 word-space 来设置空格的宽度

问题描述

我white-space: pre-wrap在标签的开头使用空格。并用于word-spacing:1em设置空间宽度。

但是有一个问题，标签开头的空格不是1em宽，除此之外其他空格都可以。

编码：

p{
    white-space: pre-wrap;
    word-spacing:1em;
 }
<p> This is a paragraph.</p>
<p>  This is a paragraph.</p>

我的问题是如何更改标签开头的空间宽度。

标签： htmlcss

解决方案

您也可以使用文本缩进。text-indent CSS 属性设置放置在块中文本行之前的空白空间（缩进）的长度。

p { white-space: pre-wrap; word-spacing: 1em; border: 1px solid; text-indent: 1em}

在此处阅读更多信息：https ://developer.mozilla.org/en-US/docs/Web/CSS/text-indent

推荐阅读