Javascript 排列的变化？

我想做一个视觉效果，一段文字被向左、向右、居中调整，但对齐的原点在每行之间变化了几个像素。这对小段落很有效，可以打破单调

除了我不知道如何实现这个

很久以前我遇到过一个例子，它使用一堆浮动div加上“对角线边框”技巧来创造一种整洁的效果——我相信你正在寻找类似的效果

如果您只需要对齐，只需要简单的div就可以了——向左/向右浮动并清除它们，并给它们不同的宽度，它们将导致文本围绕它们流动。例如：

.spacer {
  float: left;
  clear: left;
  height: 1em;
  /* vary the width using inline styles */
}

---

对角线边框通过使用不同的颜色将文本与背景分开来增加效果。

可以使用jQuery吗？你能强迫断线的位置吗？（那么就很容易了。动态地做这件事很难看到会发生什么）