如何绕三角形块流动?

时间:2015-08-31 07:13:04

标签: html css css-float

我有两个街区。其中一个是三角形的。如何绕过这个div文本?例: enter image description here 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没有!

2 个答案:

答案 0 :(得分:3)

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

你必须知道它不是跨浏览器。

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

编辑 - Adob​​e有polyfill,请查看。

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

因此,如果您的网站需要跨浏览器,则必须使用css(填充,边距等)或空格进行布局。

答案 1 :(得分:-4)

为什么不对包含文本的div使用偏斜。 , 可能有帮助。其他解决方案:您可以使用&amp; nbsp