我今天一直在学习CSS shape-outside属性,我想我已经掌握了它。
但是,当我检查镀铬的多边形时,它会稍微向下和向右偏移(如图)。
这是为什么?我可以改变吗?如果可以,怎么办?
.container {
margin: auto;
width: 80%;
}
img {
float: left;
width: 350px;
shape-outside: polygon(0% 0%, 60% 0%, 65% 10%, 60% 25%, 95% 48%, 95% 50%, 65% 55%, 60% 80%, 68% 95%, 0% 100%);
}
<div class="container">
<h1 id="title">HELLO</h1>
<img src="http://placekitten.com/200/300">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua....(etc.)</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua....(etc.)</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua....(etc.)</p>
</div>