本文介紹了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: block
或 display: 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:""的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網!
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!