2

在我的 html 内容中,我想在某个容器的右下角放置一个图像。虽然图像和所有图像一样是正方形的,因为它具有高度和宽度,但眼睛看到的实际视觉图像并不是正方形的。例如,它可以是一个球或一个三角形。我也想要这个容器中的文本,但是当文本很多时,我希望它围绕视觉图像的边缘流动,而不是沿着实际的矩形边缘流动。这可能吗?html 或 css 是否有一些结构,您可以在其中设置文本应远离的边框(或边缘)?

4

1 回答 1

0

如果您只想使用 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*/
}

之后设置具有自定义宽度的任何段落以设置图像周围的文本。不幸的是,我不知道任何其他“自动”解决方案。

也许,你可以在这里找到一个有效的插件:

检查这个另一个stackoverflow问题

于 2013-08-14T14:36:38.033 回答