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

浪尽此生 提交于 2019-12-17 09:38:05

一、前言

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

二、解决方法

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

(2)设置样式

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

组件:div

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

第二种情况:

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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!