【vue】组件和图片相对位置调整
发布日期:2021-05-07 13:40:13 浏览次数:21 分类:精选文章

本文共 300 字,大约阅读时间需要 1 分钟。

一、前言

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

二、解决方法

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

(2)设置样式

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

组件:div

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

第二种情况:

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

上一篇:【Vue】vue里面如何监听键盘事件
下一篇:Div + contenteditable【h5】属性制作的编辑框 +去掉外框+placeholder设置,设置字数

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2025年03月20日 12时40分36秒