【vue】組件和圖片相對位置調整

一、前言

有時候,組件庫中沒有我們想要的圖標,這時候我們需要另外的從網上搜一下圖標了,這時候引入到我們的項目中,如何調整大小呢?

二、解決方法

(1)調整圖標的大小,給Img,class屬性。

(2)設置樣式

(3)給圖片加一個div,然後設置這個圖片和組件的相對關係,這時候,要在圖片的樣式加上position:absolute.在組件的class中加上position:relative

組件:div

(4)之後,可以直接設置left、top就可以了。

第二種情況:

如果是組件中自己帶的,如果想要設置大小則直接改變:font-size的大小,左右可以調整,width,上下可以調整Height.

發佈了146 篇原創文章 · 獲贊 20 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章