在自定義形狀中包裝文本

Question

如何通過示例中所示的純HTML 5和css 3實現此目的？ 主要目標是用自定義形狀中的空格來包裝文本。

我想如何用javascript，但它是錯誤的方式。

Answer 1

你可以看看這個http://sarasoueidan.com/blog/css-shapes/

.shaped{ 
    /*...*/ 
    shape-outside: polygon(0 0, 100% 0, 100% 100%, 30% 100%); 
    shape-margin: 20px; 
} 

編輯後：

http://demosthenes.info/blog/898/Wrapping-Text-Around-A-Curved-Image-With-CSS-Shapes

我相信有填充工具

<script src="shapes-polyfill.min.js"></script> 

SCRIPT：GITHUB REPOSITORY

但我並沒有通過自己檢查，所以不能給你100％肯定..

編輯2：

這裏是codepen例子（不是由我 - 現在在codepen上發現）CODEPEN EXAMPLE