在我的 html 内容中，我想在某个容器的右下角放置一个图像。虽然图像和所有图像一样是正方形的，因为它具有高度和宽度，但眼睛看到的实际视觉图像并不是正方形的。例如，它可以是一个球或一个三角形。我也想要这个容器中的文本，但是当文本很多时，我希望它围绕视觉图像的边缘流动，而不是沿着实际的矩形边缘流动。这可能吗？ html 或 css 是否有一些结构，您可以在其中设置文本应远离的边框（或边缘）？
【问题讨论】：
如果您只想使用 css 和 html 解决问题，则需要对页面进行编程，该页面包含许多不同尺寸的段落（<p> 标签），并将图像设置为 div 包装器的背景图像。
#wrapper {
width:500px;
height:500px;
background-color: #fff; /*Default bg, similar to the background's base color*/
background-image: url("image.png");
background-position: right bottom; /*Positioning*/
background-repeat: no-repeat; /*Prevent showing multiple background images*/
}
然后设置具有自定义宽度的任何段落以设置图像周围的文本。 不幸的是，我不知道任何其他“自动”解决方案。
也许，你可以在这里找到一个有效的插件：
【讨论】：