使用 进行帖子格式化以实现制表符缩进

[Lilly]

我将为您提供一些可用于博客式帖子的快速 CSS 格式化技巧。

您的缩进方式不正确。使用 CSS 的正确方法如下（缩进标准为 2ems）：

在 common.scss 中

[data-theme-indent="indent"] {
    text-indent: 2em;
}

在您的帖子中：

<div data-theme-indent="indent">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam 
</div>

另外，如果您想对图像和对齐进行其他格式化：

在 common.scss 中：

[data-theme-image="left"] {
    float: left;
    img {
      margin: 0 1em 0 0;
      border-radius: 6px;  
    }
}

[data-theme-image="right"] {
    float: right;
    img {
      margin: 0em 0em 0em 1em;
      border-radius: 6px;
    }
}

在您的帖子中：

<div data-theme-image="left">

![image|330x314, 50%](upload://8zsmHfqxlU5IrqSywrinvyDfhOx.png)

</div>

使用以上所有内容的最终效果：