我一直在寻找一种不错的,快速的解决方案,以解决如何在圆内放置一段文字的问题。我发现有两种解决方案。
将与文本高度相同的多个 div 浮动到文本的右侧,然后通过更改div 宽度来 调整文本的剩余空间。
将生成器用于同一件事。
我不是在寻找这个,但是也许有人会需要它,我认为将它作为链接很好>它是一个基于Web的生成器,可以帮助您将文本环绕。
是否有一种更简单的解决方案,可以将文本段落放入圆内而不必添加浮动div和其他标记。拍拍包含该文本的图像不是解决方案。在最好的情况下,该解决方案将具有简洁的HTML标记,而CSS中几乎没有任何调整。
Eric Meyer的书“ CSS上的Eric Meyer”讨论了这一点(项目10),并且您发现的文本包装解决方案使用相同的原理。
使用简单border-radius: 50%不会影响内容框的形状,该内容框此时为矩形。。
border-radius: 50%
有一个正在开发中的CSS3模块可以解决此问题:
但是,此规范仍处于草稿模式,目前不受支持,可能需要一两年的时间。
简短的回答是“否”,但是希望这些评论能够提供一些见识。