解決問題之四:transform的rotate在內聯元素上面不起作用

想讓箭頭旋轉向上

在這裏插入圖片描述
在這裏插入圖片描述

問題:直接引用transform: rotate(270deg);不起效

解決:加入display: inline-block;
產生原因:內聯元素使用transform的rotate屬性不起作用,這時可以將元素設置爲inline-block或者block

實現效果,由圖片變成圖二
在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章