1

我正在使用一个名为 Madcap Flare 的 XML 编辑器，它允许我使用 GUI 创建图像映射。由于这使得地图易于编辑，我宁愿使用这种技术。不幸的是，它呈现的代码不是 CSS 图像地图，而是 HTML 地图（地图、区域等）。我不想切换到 CSS 图像映射，因为我想在 GUI 中轻松编辑。

我希望我的图像映射与它左侧的文本右对齐。我已经尝试了以下技术并获得了指示的结果：

技巧 1：我使用 CSS 将包含图像的 div 浮动到右侧。结果：图像映射不再起作用，但图像向右浮动并且文本换行。

技巧 2：我用 CSS 使图像向右浮动。结果：图像向右浮动，但 div 仍然在左侧。文本不换行，图像映射不再有效。

技巧 3：我设置了 div align="right" 并完全删除了 CSS。结果：图像向右浮动，图像映射有效，但文本不再换行。

我注意到图像映射仅在我浮动图像或其容器时才会中断；我什至向左漂去实验，看到了同样的结果。有没有办法浮动图像地图？我想知道这个问题是否是图像大小调整问题，但我检查了代码并且图像映射没有继承任何图像大小样式。我还在测试中将图像设置为最大宽度和最大高度 100%，以确保它根本没有缩小，但我再次看到了相同的结果。我还认为 HTML align=right 实验表明问题不是继承样式。

任何提示/技巧？或者确认您不能浮动图像地图？谢谢。

4

1 回答 1

1

如果包含图像映射的 div 具有固定大小并且位于其父 DIV 的上边界，则可以执行以下操作：

创建一个与包含图像映射的大小相同的空 DIV 并制作它float right（在顶部）。没有边框，没有背景，没有内容。文本将围绕该文本浮动。

应用于position: relative父 DIV 和position: absolute包含图像映射的 div。Applytop: 0;和 right: 0and作为空的浮动 DIV width。height

这会将图像映射放置在空的浮动 DIV 上方，文本在其周围浮动。

于 2018-02-05T23:23:53.297 回答