当前位置: 首页 > 面试题库 >

使用CSS圈出的文字段落

何嘉运
2023-03-14
问题内容

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

解决方案1

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

解决方案2

将生成器用于同一件事。

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

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

有问题吗

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


问题答案:

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

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

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

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

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



 类似资料:
  • 问题内容: 如何设置内容在字段集中溢出?它适用于IE,但不适用于FF。 我可以在两个浏览器中使用div元素实现相同的功能。 样品: 问题答案: 找到解决方案,添加条件css样式:

  • 本文向大家介绍用css画出一个圆圈,里面有个叉号(不能用英文字母x)相关面试题,主要包含被问及用css画出一个圆圈,里面有个叉号(不能用英文字母x)时的应答技巧和注意事项,需要的朋友参考一下 ``html ```

  • 问题内容: 我在stackoverflow上找到了以下示例: 单独使用CSS绘制圆 太好了 但是我想知道如何修改该示例,以便可以在圆圈中间添加文本? 我还发现了这一点:[在CSS中以圆形为中心垂直和水平居中放置文本(例如iphone通知徽章) 但由于某种原因,它对我不起作用。当我创建以下测试代码时: 取而代之的是椭圆形。我正在尝试使用代码,以查看如何使它工作。 问题答案: .circle {

  • 问题内容: 我的html中有这样的标签: 使用CSS我想用我的实际徽标替换文本。我已经通过调整标签大小并通过css将背景图像放到徽标中了,没有问题。但是,我不知道如何摆脱文本。我以前看过基本上是通过将文本从屏幕上推送来完成的。问题是我不记得在哪里看到它。 问题答案: 这是一种方法: 这是隐藏文本的另一种方式,同时避免了浏览器将创建的9999像素大框:

  • 问题内容: 我是CSS的新手,并使用它来更改文本的样式和格式。 我现在想用它来插入文本,如下所示: 我希望我能表现为: 乔的任务:协调所有条目 即,仅由于属于“所有者Joe”类,我希望显示文本。 我可以用类似的代码来做到这一点: 但这对于指定类和文本来说似乎是多余的。 有可能做我想要的吗? 编辑 一个想法是尝试将其设置为ListItem ,其中“项目符号”是文本“ Joe’s Task”。我看到了

  • 问题内容: 是否可以使用CSS禁用表单字段?我当然知道禁用的属性,但是可以在CSS规则中指定此属性吗?就像是 - 我问的原因是,我有一个应用程序,其中表单字段是自动生成的,并且字段是根据某些规则(以Javascript运行)隐藏/显示的。现在,我想扩展它以支持禁用/启用字段,但是规则的编写方式可以直接操纵表单字段的样式属性。因此,现在我必须扩展规则引擎以更改属性以及表单字段的样式,这在某种程度上似