php - 使用对 Angular 线缩进显示段落的文本

Question

我想知道是否有一种方法可以将带有对 Angular 线缩进的段落文本显示为类似的东西!

请记住，此文本是在所见即所得编辑器中编写的(包含 html 标记)。

我在想是否有一种方法可以计算不包括 html 标签的段落中的单词数，然后通过 jQuery 或 Javascript 制作一些等式来增加文本每行的缩进。

有什么建议吗？

Answer 1

你可以倾斜包含的div

.holder{
  transform:skew(-40deg);
}

<div class="holder">
    <span class="rotate">Just </span>
    <span class="rotate">Like</span>
    <span class="rotate">This! </span>
</div>

然后将其中的每个单词取消倾斜。

.rotate {
  transform: skew(40deg);
}

https://jsfiddle.net/dcst94sv/5/