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 功能”。