Question

我在获取

时遇到了一些问题

形状以外：

要在我的页面上工作的属性。我通过SVG文件上的类调用它，并将文本包含在段落标记中。

<div class="content_section_comfortable spacer_top gallery_content_container">

<img src="http://optiqvision.x10host.com/Photos/svg/Red_Swatch.svg" / class="dynamite_color_swatch">

<p>
   text text blahblahblah
</p>

我为IMG标签而不是

创建了一个类

gallery_content_container img {stuff：blah; }

因为我会在那里有其他照片，我不希望效果适用于。

img类的CSS是

.dynamite_color_swatch {
  width: 8em;
  height: 11em;
  /*display: block;*/
  float: left;
  shape-outside: polygon(67.3190000000em 0.9660000000em, 20.0270000000em 30.0750000000em, 1.0200000000em 98.6410000000em, 20.0270000000em 167.2050000000em, 67.3190000000em 196.3140000000em, 114.6110000000em 167.2050000000em, 133.6190000000em 98.6410000000em, 114.6110000000em 30.0760000000em, 67.3190000000em 0.9660000000em, 67.3190000000em 0.9660000000em);
  -webkit-shape-outside: polygon(67.3190000000em 0.9660000000em, 20.0270000000em 30.0750000000em, 1.0200000000em 98.6410000000em, 20.0270000000em 167.2050000000em, 67.3190000000em 196.3140000000em, 114.6110000000em 167.2050000000em, 133.6190000000em 98.6410000000em, 114.6110000000em 30.0760000000em, 67.3190000000em 0.9660000000em, 67.3190000000em 0.9660000000em);
}

我使用在线生成器从我制作的SVG文件中获取多边形代码，因此我不知道它是否有问题。我尝试切换并使用png文件，但仍然没有。我将IMG标签切换为DIV并将图片作为背景链接，并将大小设置为“包含”和“覆盖”，不起作用。我切换了

display：block;

每次尝试的东西都打开和关闭，仍然没有。我注意到我的p标签设置了一个边距，并评论说，从CSS中可以看出它有可能导致它不起作用，但这也没有效果。

这是情况的一小部分https://jsfiddle.net/Optiq/6ab9g34k/5/

我做错了什么？

CSS：在图像标记中使用svg上的shape-outside属性

0 个答案: