本文介紹了css 旋轉(zhuǎn)一個(gè)偽 :after 或 :before content:""的處理方法，對(duì)大家解決問(wèn)題具有一定的參考價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧！
問(wèn)題描述
無(wú)論如何都要對(duì)偽進(jìn)行旋轉(zhuǎn)
anyway to make a rotation work on the pseudo
content:"24B6"?
我正在嘗試旋轉(zhuǎn)一個(gè) unicode 符號(hào).
I'm trying to rotate a unicode symbol.
推薦答案
內(nèi)聯(lián)元素不能轉(zhuǎn)換，偽元素默認(rèn)是內(nèi)聯(lián)的，所以必須應(yīng)用 display: block 或 display: inline-block 來(lái)轉(zhuǎn)換它們:
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>這篇關(guān)于css 旋轉(zhuǎn)一個(gè)偽 :after 或 :before content:""的文章就介紹到這了，希望我們推薦的答案對(duì)大家有所幫助，也希望大家多多支持html5模板網(wǎng)！
【網(wǎng)站聲明】本站部分內(nèi)容來(lái)源于互聯(lián)網(wǎng),旨在幫助大家更快的解決問(wèn)題，如果有圖片或者內(nèi)容侵犯了您的權(quán)益，請(qǐng)聯(lián)系我們刪除處理，感謝您的支持！