Html 如何将文本环绕在非矩形图像上？

是否可以将文本环绕在非矩形图像上

我希望不同国家的地图周围的文字环绕国家的形状，使文字始终与国家边界保持相同的距离，即使边界本身并不笔直

这可能吗？

您可以使用浮动div来阻挡形状区域

---

因此，答案是“是的，可以做到”。但据我所知，没有一种“简单”的方式像CSS的“文本换行”选项一样。

看起来这种支持即将出现

正如Dave所说，有，这可能是目前最好的方法，但一个大纲一种方法，使用SVG使用更复杂的形状，也许光栅图像与轮廓检测

它在主流浏览器中实现需要多长时间，更不用说完成了，这是任何人的猜测

---

目前，这是很难做到的。如果幸运的话，将来会容易得多。

有一个名为jQuery的插件，就是专门为此设计的

正如其他人所说：是的，有可能。。。但这并不难

客户往往喜欢这种包装，最后我为其制作了一个脚本：

---

这可以根据您的喜好使用浮动div或对图像进行切片。

我对此深表怀疑。位图图像（绝大多数图像）是矩形的（无论它们是否有透明部分）。CSS和HTML是非常面向“框”的，这在将来可能会成为一种现实。（向下滚动一点）截至2016年3月，CSS3排除仍然不可用：虽然此链接可能回答问题，但最好在此处包含答案的基本部分，并提供链接供参考。如果链接页面发生变化，只有链接的答案可能会无效。@DonaldDuck我同意，但在这种情况下，这并不是真正的“我如何才能使这个特定的事情”发生。它需要更多的完整教程答案。如果/当链接断开时，我（或任何人）可以使用新链接更新它。不太理想，但我认为在这种情况下没关系@​戴夫：你可以写一个很长的答案，详细解释该怎么做。或者你也可以像他们一样引用整页的内容。我不反对。如果有人想写一篇更详细的描述，我想那很好，甚至会投票给他们。似乎不值得为这个问题付出努力。