是否有一种简单的方法来动态缩进div中的每一行？

Question

是否有一种简单的方法可以动态缩进div中文本块的每一行？我希望文本符合我制作的奇怪形状的div。例：

Answer 1

这在所有情况下都不起作用，但如果你想要倾斜缩进，你可以做的就是使用css转换属性。

我用js小提琴来说明......

http://jsfiddle.net/ycvqqxg4/10/

编辑小提琴。

div.indenting-text{
  transform: skewX(15deg);
  font-style: italic;
}

享受：）

修改

我已经回到js小提琴并改进它以使用与我上面提到的方法不同的方法。这种方式利用了一个div，其'shape-outside'设置为一个倾斜的多边形，这样css自然地将文本包裹在斜坡周围，而不是在之前的版本中由css操纵的吉姆。

这里是js小提琴

http://jsfiddle.net/ycvqqxg4/15/

Answer 2

你可以看一下在图像周围包装文字，这可以用圆形图像来完成，比如这个例子显示

http://demosthenes.info/blog/916/Wrapping-Text-Around-Circular-Images-With-CSS-Shapes

我认为它会给你带来更好的效果。您可能需要创建一个空白图像模板或其他东西。