css - 在旋转的 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 功能”。