css 旋转一个伪 :after 或 :before content:""

css rotate a pseudo :after or :before content:quot;quot;(css 旋转一个伪 :after 或 :before content:)
本文介绍了css 旋转一个伪 :after 或 :before content:""的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

无论如何都要对伪进行旋转

anyway to make a rotation work on the pseudo

content:"24B6"? 

我正在尝试旋转一个 unicode 符号.

I'm trying to rotate a unicode symbol.

推荐答案

内联元素不能转换,伪元素默认是内联的,所以必须应用 display: blockdisplay: inline-block 来转换它们:

Inline elements can't be transformed, and pseudo elements are inline by default, so you must apply display: block or display: inline-block to transform them:

#whatever:after {
  content: "24B6";
  display: inline-block;
  transform: rotate(30deg);
}

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

这篇关于css 旋转一个伪 :after 或 :before content:""的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
Minify CSS with Node-sass(使用Node-Sass缩小CSS)
How to rotate outer div not inner content(如何旋转外部div而不是内部内容)
how to apply css transform to child on parent hover(如何对父级悬停时的子级应用CSS变换)
Only transition a transform in css?(是否仅在css中转换转换?)
CSS transform doesn#39;t change CSS layout(Css转换不会更改css布局)