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

css旋转一个伪指令:after或:before内容:“”

孟胤
2023-03-14
问题内容

无论如何要使伪旋转

content:"\24B6"?

我正在尝试旋转unicode符号。


问题答案:

内联元素无法转换,伪元素默认情况下是内联的,因此您必须应用display: blockdisplay: inline-block转换它们:

#whatever:after {

  content:"\24B6";

  display: inline-block;

  -webkit-transform: rotate(30deg);

  -moz-transform: rotate(30deg);

  -o-transform: rotate(30deg);

  -ms-transform: rotate(30deg);

  transform: rotate(30deg);

}


<div id="whatever">Some text </div>


 类似资料:
  • 问题内容: 我无权访问页面的HTML或PHP,只能通过CSS进行编辑。我一直在网站上进行修改,并通过或伪元素添加文本,并且发现转义Unicode应该用于添加内容之前或之后的空格等内容。 如何在属性中添加多行? 在示例中,HTML换行符 仅用于可视化 我想要实现的目标: 问题答案: 该属性指出: 作者可以通过在“ content”属性之后的字符串之一中写入“ \ A”转义序列来在生成的内容中包含换行

  • 问题内容: 我正在使用和CSS伪元素,并且它在 IE8 和所有现代浏览器中都可以正常工作,但在 IE7中 却不能正常工作。在 IE7中 是否存在已知的解决方法? 问题答案: 我在项目中使用的是IE8.js(http://code.google.com/p/ie7-js/),我必须将其删除,因为它在10/15秒内阻止了IE7。 为了保留用:after和:before伪元素生成的内容,而没有IE8.j

  • 此问题是线程下的扩展。有没有一种方法可以将SVG用作伪元素:before或:after中的内容。 我试图使用伪类在div之后附加一个svg三角形。 上面的代码在chrome中运行良好,但在IE中它没有加载svg内容。 我也尝试了背景图像属性,但它似乎在IE(版本 将此svg附加为带有伪类的内容的正确方法是什么?

  • 问题内容: 我尝试通过多种方式通过jQuery隐藏:after伪类,但没有成功,但我找到了另一种解决方案,方法是在div下添加一个包含:after内容的空div,然后将其完全隐藏,产生相同的效果。 但是我只是好奇是否有人设法找到一种隐藏:after或:before东西的方法。这是我尝试的无效的方法。 只是为了给您提供上下文,我有一个包含搜索表单等的div,并且当搜索处于活动状态时,我想在div下启

  • 问题内容: 我想将一些SVG图像放置在某些选定元素之前。我正在使用JQuery,但这无关紧要。我想将:before元素设置为: 如果我如上所示进行操作,它将仅显示字符串。我检查了规格,似乎对内容有一些限制。是否可以解决此限制?只有内容CSS与我的问题有关。 问题答案: 是的你可以!刚刚测试过,效果很好,太棒了!它仍然不能与html一起使用,但可以与svg一起使用。 在我的index.html中,我

  • 问题内容: 我有一个带有CSS伪元素的元素用作关闭按钮(而不是使用实际按钮)。如何将事件侦听器 仅 应用于伪元素? HTML CSS 问题答案: 否。伪元素在DOM中不存在,因此它没有表示它的对象。