Php 显示段落'；带对角缩进的文本

我想知道是否有一种方法可以显示带有对角线缩进的段落文本，就像这样

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

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

---

有什么建议吗？

要计算段落中不包括HTML标记的单词数，请使用：

$tagless_content=strip_tags($content);
str_word_count($tagless_content);

更新 下面是通过jQuery增加文本缩进的代码

jQuery.fn.stripTags = function() {
    return this.replaceWith( this.html().replace(/<\/?[^>]+>/gi, '') );
};

参考

---

我知道没有直接的解决方案，因为当你越来越多地缩进文本的每一行时，每一行可以占用的空间长度会减少，从而产生新的行

例如：

TEXTTEXTTEXTTEXT
TEXTTEXTTEXTTEXT
TEXTTEXTTEXTTEXT
TEXTTEXTTEXTTEXT
TEXTTEXTTEXTTEXT

后缩进：

TEXTTEXTTEXTTEXT
 TEXTTEXTTEXTTEX
T
  TEXTTEXTTEXTTE
XT
   TEXTTEXTTEXTT
EXT
    TEXTTEXTTEXT
TEXT

如果（1）您正在处理由于换行而创建的行，并且（2）如果您一次检测到所有行，然后执行所有缩进（与更新

文本的算法相反）。如果字体系列是单间距字体，则可以调整此字体

最好的情况是这些是

终止的行，在这种情况下，这将非常容易

更难的是使用单间距字体

上面描述的最坏情况需要搜索未缩进的第一行，然后缩进，更新

的文本，然后重复该过程，直到文本完全完成，或者缩进量超过

的宽度

我建议再次提问，提供以下信息：

---

-这些行是以

标记结尾的，还是用词包装的？如果是用词包装的，字体是单间距还是可变宽度的？

经过多次搜索，我发现了一些有用的东西

---

我认为经过一些修改后，它将符合我的要求。感谢您高度赞赏的回复。

您可以扭曲包含的div

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

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

---

使用CSS有一种非常简单的方法。创建一个列表。然后使用li:：before将左侧填充添加到列表项中。将li:：before元素设置为一个浮动到左侧的细长块。每个元素都将为其父列表项及其下的所有列表项创建左侧填充

像这样：

li:：之前{
内容：“；
显示：块；
浮动：左；
高度：50px；
宽度：10px；
}

圣洁与公正
三棱脏器
贝尼尼塔姆
湿度计
谦虚
耐心
卡里塔姆

您需要将相同的字符串从右侧或不同的字符串截断？？谢谢您的回答，但我认为这会增加整个段落的文本缩进。我想增加每一行的缩进。阅读此文，在JQueryTanks中查找换行符Michael，感谢您的高度赞赏。您的问题的答案：（1）它的字是可变宽度的。哇，这是一个很好的解决方案。谢谢@Jeffrey

.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);
}