我可以在<span>中围绕圆形元素包装文本吗？</span>

Question

我需要在iPhone应用程序的webview中使用一块HTML。它需要动态分层，以便本地化文本提供相同的布局。

为了说明我想要实现的目标，我有这个：

___________________________
|                         |
|                         |
|                         |
|  text here              |
|  and here               |
|                         |
|  but there is a         |
|  circle right           |
|  here that              |
|  can't                  |
|  have                   |
|  text                   |
___________________________

想象一下右下角的一个圆圈，我对ASCII艺术感到非常糟糕。基本上，该应用程序支持多种语言，有些语言比其他语言更简洁。

有没有办法创建某种类型的蒙版，以便文本环绕右下角的圆形，无论文本有多少？

Answer 1

即使您的元素显示为圆形，它仍然基本上是块（盒）形元素。这意味着您无法将文本包裹在曲线周围。

你可以通过使用单个文本位置来定位，但这可能是一场噩梦。

这是实现你想要的一种非常讨厌的方式：

http://www.webbedenvironments.com/dhtml_css_advanced/code/05_Layout/CurvedTextWrapping/index.html