在我的 html 内容中,我想在某个容器的右下角放置一个图像。虽然图像和所有图像一样是正方形的,因为它具有高度和宽度,但眼睛看到的实际视觉图像并不是正方形的。例如,它可以是一个球或一个三角形。我也想要这个容器中的文本,但是当文本很多时,我希望它围绕视觉图像的边缘流动,而不是沿着实际的矩形边缘流动。这可能吗?html 或 css 是否有一些结构,您可以在其中设置文本应远离的边框(或边缘)?
问问题
433 次
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*/
}
之后设置具有自定义宽度的任何段落以设置图像周围的文本。不幸的是,我不知道任何其他“自动”解决方案。
也许,你可以在这里找到一个有效的插件:
于 2013-08-14T14:36:38.033 回答