在旋转的Div中包裹文本

Question

任何想法如何在旋转的div中进行文本换行。 旋转后文本不会留在div内 这是一个想法的屏幕......

提前致谢..

Answer 1

解决这个问题的唯一问题是CSS区域（http://html.adobe.com/webstandards/cssregions/）。

我已经设置了一个小型演示，向您展示它是如何工作的，这是代码：

div {
    -webkit-shape-inside: polygon(0% 50%, 50% 100%, 100% 50%, 50% 0%);
}

这是演示：http://jsfiddle.net/sandro_paganotti/ABdgB/。

不幸的是，它仅适用于最新的Chrome，另外您还必须在chrome：// flags面板中手动启用“启用实验性WebKit功能”。