对齐的变化？

Question

我想制作一个视觉效果，其中一段文字被调整为左，右，中心等等，但是对齐的原点在线与行之间变化几个像素。这适用于小段落，并且可以提供单调的突破。

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

Answer 1

我很久以前就遇到了一个excellent CSS demo，它使用了一堆漂浮的DIV和“对角线边框”技巧来创造一个整洁的效果 - 我相信你正在寻找类似的东西。

如果你只需要对齐，只需普通的DIV即可 - 浮动并向左/向右清除它们并赋予它们不同的宽度，它们将使文本在它们周围流动。例如：

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

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