我一直在寻找一个关于如何将一段文本放置在圆圈内的体面且快速的解决方案。我发现有两种解决方案。
解决方案1
浮动倍数div与文本左侧和右侧的文本高度相同,并通过更改 divwidth您可以调整文本的剩余空间。
解决方案2
使用生成器来做同样的事情,http://www.csstextwrap.com/index.php http://www.csstextwrap.com/index.php.
奖金(不是问题的一部分,只是一个提示)
我不是在寻找这个,但也许有人可能需要它,我认为将它作为链接很好 >http://csswarp.eleqtriq.com/ http://csswarp.eleqtriq.com/它是一个基于网络的生成器,可以帮助您将文本环绕在圆圈上。
问题?
是否有更简单的解决方案可以将文本段落放入圆圈内,而无需添加浮动 div 和其他标记。拍打包含该文本的图像并不是解决方案。最好的情况是,该解决方案将具有干净的 HTML 标记,并且在 CSS 中进行一些调整。
Eric Meyer 的书“Eric Meyer on CSS”讨论了这一点(项目 10)以及您发现的使用相同原理的文本换行解决方案。
使用一个简单的border-radius: 50%
不影响内容框的形状,此时内容框是矩形。例如,请参阅demo http://jsfiddle.net/Kyle_Sevenoaks/Q9k6v作者:凯尔·七橡树。
有一个正在开发的 CSS3 模块可以解决这个问题:
http://dev.w3.org/csswg/css-shapes http://dev.w3.org/csswg/css-shapes
然而,该规范仍处于草案模式,目前不受支持,可能需要一两年的时间。
简短的回答是否定的,但希望评论能提供一些见解。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)