小编典典

使用CSS圈出的文字段落

css

我一直在寻找一种不错的,快速的解决方案,以解决如何在圆内放置一段文字的问题。我发现有两种解决方案。

解决方案1

将与文本高度相同的多个 div 浮动到文本的右侧,然后通过更改div 宽度来 调整文本的剩余空间。

解决方案2

将生成器用于同一件事。

奖励(不是问题的一部分,只是小费)

我不是在寻找这个,但是也许有人会需要它,我认为将它作为链接很好>它是一个基于Web的生成器,可以帮助您将文本环绕。

有问题吗

是否有一种更简单的解决方案,可以将文本段落放入圆内而不必添加浮动div和其他标记。拍拍包含该文本的图像不是解决方案。在最好的情况下,该解决方案将具有简洁的HTML标记,而CSS中几乎没有任何调整。


阅读 491

收藏
2020-05-16

共1个答案

小编典典

Eric Meyer的书“ CSS上的Eric Meyer”讨论了这一点(项目10),并且您发现的文本包装解决方案使用相同的原理。

使用简单border-radius: 50%不会影响内容框的形状,该内容框此时为矩形。。

有一个正在开发中的CSS3模块可以解决此问题:

但是,此规范仍处于草稿模式,目前不受支持,可能需要一两年的时间。

简短的回答是“否”,但是希望这些评论能够提供一些见识。

2020-05-16