Chrome的形状检查器为什么会偏移?

时间:2018-07-02 12:32:35

标签: css css3 google-chrome css-shapes inspector

我今天一直在学习CSS shape-outside属性,我想我已经掌握了它。

但是,当我检查镀铬的多边形时,它会稍微向下和向右偏移(如图)。

这是为什么?我可以改变吗?如果可以,怎么办?

enter image description here

.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>

0 个答案:

没有答案