外部CSS形状和响应性内容

外部CSS形状和响应性内容,css,responsive-design,shape-outside,Css,Responsive Design,Shape Outside,所以我在外部使用shape:url(图像路径);在MyFigure元素中,该元素内部有一个具有相同url路径的img。图形宽度是一个百分比,因此它是响应性的,并且根据视图宽度改变宽度,但形状保持不变。有没有办法确保形状符合其内部图像元素的大小 下面的代码段不会很好地工作,因为由于访问控制,它不允许在CSS中使用url() 图{ 宽度:33%; 浮动:左; 保证金:0; 外部形状:url(https://sandman.net/bilder/icons/lego.png); } 图img{ 宽

所以我在外部使用shape:url(图像路径);在MyFigure元素中,该元素内部有一个具有相同url路径的img。图形宽度是一个百分比,因此它是响应性的,并且根据视图宽度改变宽度,但形状保持不变。有没有办法确保形状符合其内部图像元素的大小

下面的代码段不会很好地工作,因为由于访问控制,它不允许在CSS中使用url()

图{
宽度:33%;
浮动:左;
保证金:0;
外部形状:url(https://sandman.net/bilder/icons/lego.png);
}
图img{
宽度:100%;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。佩伦茨克莫里斯·尼塞尔、乌特丽斯和各种各样的葡萄酒、欧洲葡萄酒、欧洲葡萄酒、乌兰科尔珀葡萄酒和乌特丽斯葡萄酒、苏黎世芸香。潜力悬钩子。在有效的调味品中,
一张艾洛斯的假证。在faucibus中,Interdum和malesuada在第一次同侧前就出名了。Morbi feugiat hendrerit odio a iaculis。无光点直径。多涅克·坦普尔·波特提托·洛雷姆,在波特提托·洛雷姆·朗库斯的作品中,埃涅亚·维尼那提斯·厄洛斯坐在艾米特
magna faucibus,ac aliquet velit pretium。这是一种新的交通工具。佩伦茨克咖啡馆。Etiam调味品,purus nec commodo Pellentsque,odio mi lacinia nisl,以及马萨的finibus nibh enim。佩伦茨克
居住者morbi tristique Sentecus和netus以及malesuada是著名的turpis egestas。埃尼安在奥纳雷,阿利奎姆坐在阿梅特,蒂尼登多洛。马莱苏阿达·维韦拉·马格纳(malesuada viverra magna),佩伦茨克·库苏斯·努拉·马蒂斯(Pellentsque cursus nulla mattis)在。Aenean eget舌苔非丝绒调味品
这是一个伟大的时刻。

一个伟大的时刻。佩伦茨克莫里斯·尼塞尔、乌特丽斯和各种各样的葡萄酒、欧洲葡萄酒、欧洲葡萄酒、乌兰科尔珀葡萄酒和乌特丽斯葡萄酒、苏黎世芸香。悬钩子 波蒂蒂。在有效的调味品莱克托斯中,一张艾洛斯的假证被说服了。在faucibus中,Interdum和malesuada在第一次同侧前就出名了。Morbi feugiat hendrerit odio a iaculis。无光点直径。多涅克·坦普斯·波特提托·洛雷姆,波特提托·洛雷姆 罗那库斯·埃尼安·维内那提斯·厄洛斯坐在埃米特·马格纳·福西布斯(amet magna faucibus)的位子上,他是一位伟大的艺术家。这是一种新的交通工具。佩伦茨克咖啡馆。Etiam调味品、purus nec commodo Pellentsque、odio mi lacinia nisl、, 马萨的菲尼布斯·尼姆。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。埃尼安在奥纳雷,阿利奎姆坐在阿梅特,蒂尼登多洛。马莱苏阿达·维韦拉·马格纳,佩伦特斯·库苏斯·努拉 马蒂斯在。Aenean eget Legula non velit调味品tincidunt nec vel magna.

前庭前同侧前庭,位于cubilia curae的Orcibus luctus et ultrices;塞德在菲尼布斯梅特斯。这是我的心愿。生命之路 非毛里斯大熊猫。这是一种特殊的生活方式。在大菱鲆和小菱鲆体内,存在一种有效的肌力。Nam eu ultrices sapien,在molestie augue。这是欧盟的一大公害。梅塞纳斯 葡萄汁发酵剂、牛蒡汁发酵剂、羊栖菜发酵剂、牛蒡汁发酵剂、牛蒡汁发酵剂、牛蒡汁发酵剂、牛蒡汁发酵剂、牛蒡汁发酵剂、牛蒡汁发酵剂、牛蒡汁发酵剂、牛蒡汁发酵剂、牛蒡汁发酵剂、牛蒡汁发酵剂、牛蒡汁发酵剂。不要让孕妇吃猫肉。欧洲央行(nec pulvinar nisi-mattis eu)的货币政策。

问题与数字有关(不知道确切原因),但仅使用
img
效果良好。在所有情况下,都不允许在
p
中使用
figure

img{
宽度:33%;
浮动:左;
保证金:0;
外部形状:url(https://i.ibb.co/VNpkTZt/lego.png);
}
p{
保证金:0;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。佩伦茨克莫里斯·尼塞尔、乌特丽斯和各种各样的葡萄酒、欧洲葡萄酒、欧洲葡萄酒、乌兰科尔珀葡萄酒和乌特丽斯葡萄酒、苏黎世芸香。潜力悬钩子。在有效的调味品中,
一张艾洛斯的假证。在faucibus中,Interdum和malesuada在第一次同侧前就出名了。Morbi feugiat hendrerit odio a iaculis。无光点直径。多涅克·坦普尔·波特提托·洛雷姆,在波特提托·洛雷姆·朗库斯的作品中,埃涅亚·维尼那提斯·厄洛斯坐在艾米特
magna faucibus,ac aliquet velit pretium。这是一种新的交通工具。佩伦茨克咖啡馆。Etiam调味品,purus nec commodo Pellentsque,odio mi lacinia nisl,以及马萨的finibus nibh enim。佩伦茨克
居住者morbi tristique Sentecus和netus以及malesuada是著名的turpis egestas。埃尼安在奥纳雷,阿利奎姆坐在阿梅特,蒂尼登多洛。马莱苏阿达·维韦拉·马格纳(malesuada viverra magna),佩伦茨克·库苏斯·努拉·马蒂斯(Pellentsque cursus nulla mattis)在。Aenean eget舌苔非丝绒调味品
这是一个伟大的时刻。

一个伟大的时刻。佩伦茨克莫里斯·尼塞尔、乌特丽斯和各种各样的葡萄酒、欧洲葡萄酒、欧洲葡萄酒、乌兰科尔珀葡萄酒和乌特丽斯葡萄酒、苏黎世芸香。悬钩子 波蒂蒂。在有效的调味品莱克托斯中,一张艾洛斯的假证被说服了。在faucibus中,Interdum和malesuada在第一次同侧前就出名了。Morbi feugiat hendrerit odio a iaculis。无光点直径。多涅克·坦普斯·波特提托·洛雷姆,波特提托·洛雷姆 罗那库斯·埃尼安·维内那提斯·厄洛斯坐在埃米特·马格纳·福西布斯(amet magna faucibus)的位子上,他是一位伟大的艺术家。这是一种新的交通工具。佩伦茨克咖啡馆。Etiam调味品、purus nec commodo Pellentsque、odio mi lacinia nisl、, 马萨的菲尼布斯·尼姆。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。埃尼安在奥纳雷,阿利奎姆坐在阿梅特,蒂尼登多洛。马莱苏阿达·维韦拉·马格纳,佩伦特斯·库苏斯·努拉 马蒂斯在。Aenean eget-ligula非velit调味品不含足量马格纳。

同侧前庭