html - 如何绕三 Angular 形 block 流动？

Question

我有两个街区。其中一个呈三 Angular 形。如何围绕这个 div 文本流动？例子: HTML:

<div class="container">
    <div class="entry-cover">Triangle</div>
    <div class="entry-content">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda autem ex 
           labore, repellat saepe soluta suscipit vel veniam.</p>
    </div>
</div>

CSS 没有!

Answer 1

您可以使用 css 形状。阅读此 http://webplatform.adobe.com/shapes/ .

你要知道它不是跨浏览器的。

http://caniuse.com/#feat=css-shapes

编辑 - Adob​​e 提供了 polyfill，检查一下。

https://github.com/adobe-webplatform/css-shapes-polyfill

所以如果你的网站需要跨浏览器，你就得用css(padding, margin等)或者空格来布局。