Html 图像元素WebP弯曲

背景：

我现在知道如何调整3个图像：

正文{
显示器：flex；
柔性包装：包装；
证明内容：周围的空间；
对齐内容：周围的空间；
调整项目：灵活启动；
}
img{
宽度：30%；
顺序：0；
flex:01自动；
自对准：自动；
}

---

创建flex容器时，只有子元素成为flex项。子代以外的子代不会成为flex项，flex属性也不会应用于它们

在您的中，

body

是flex容器，

img

是flex项目

然而，在第二个示例中，

body

是flex容器，

picture

是flex项，

img

在flex方面没有什么特别之处。它是一个普通的内联元素

您需要将

picture

制作成一个（嵌套的）flex容器，以便将flex属性应用于图像元素。但在你的情况下

还要注意，

picture

元素还没有得到普遍支持（请参阅）

您的第一个演示：

---

您的第二个演示，修订版：

创建flex容器时，只有子元素成为flex项。子代以外的子代不会成为flex项，flex属性也不会应用于它们

在您的中，

body

是flex容器，

img

是flex项目

然而，在第二个示例中，

body

是flex容器，

picture

是flex项，

img

在flex方面没有什么特别之处。它是一个普通的内联元素

您需要将

picture

制作成一个（嵌套的）flex容器，以便将flex属性应用于图像元素。但在你的情况下

还要注意，

picture

元素还没有得到普遍支持（请参阅）

您的第一个演示：

---

您的第二个演示，修订版：

为了提供webp替代方案，

支持就足够了。只有Safari 9不支持它，因此您不能将其用于JPEG2000的mime类型切换。对于本网站上有用的答案。没有义务。推广高质量内容的一种方法。为了提供webp替代方案，

支持就足够了。只有Safari 9不支持它，因此您不能将其用于JPEG2000的mime类型切换。对于本网站上有用的答案。没有义务。这只是推广高质量内容的一种方式。