【vue】组件和图片相对位置调整

vue

一、前言

有时候,组件库中没有我们想要的图标,这时候我们需要另外的从网上搜一下图标了,这时候引入到我们的项目中,如何调整大小呢?

二、解决方法

(1)调整图标的大小,给Img,class属性。

(2)设置样式

(3)给图片加一个div,然后设置这个图片和组件的相对关系,这时候,要在图片的样式加上position:absolute.在组件的class中加上position:relative

组件:div

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

第二种情况:

如果是组件中自己带的,如果想要设置大小则直接改变:font-size的大小,左右可以调整,width,上下可以调整Height.

以上是 【vue】组件和图片相对位置调整 的全部内容, 来源链接: utcz.com/z/375070.html

回到顶部