业务需求​

实现类似 Word 文档中段落首行缩进的效果。

解决方法​

使用 css 中的 text-indent 属性来实现首行缩进效果，同时搭配 em 单位来实现缩进同等字符大小。

示例代码：

<body>
  <p>
这是一段文本，用来演示css段落自动缩进效果，这段示例代码由零五网提供，网址：https://www.02405.com。
  </p>
  <style>
    p {
      width: 300px;
      text-indent: 2em;
    }
  </style>
</body>
(adsbygoogle = window.adsbygoogle || []).push({});