首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
vue.js
华为云
V2EX  ›  Vue.js

element ui 的 dropdown,文字后面里添加图片,图片需要使用 float:right,否则文字就不垂直居中,求解?

  •  
  •   sevenQu · 148 天前 · 419 次点击
    这是一个创建于 148 天前的主题,其中的信息可能已经有所发展或是发生改变。
    • 想模仿人家做后台界面,右侧的头像和名字部分
    • 就是直接改的 element 的例子,区别是加了一张头像图片
    • 看人家的源码,图片必须加上一个 float:right,否则效果如下
    • float 时 dropdown 的高度是 60px,不加的话是 75px
    • 我个人觉得,图片是行内元素,所以不加 float 也是水平排列,不知道这个 float 的作用是什么?
    • 试了一些方法,不加 float,文字无法达到垂直居中的效果,让我很纳闷,希望有做过的人指点一下,谢谢
    1 回复  |  直到 2018-06-23 06:41:03 +08:00
        1
    flowfire   147 天前 via iPhone
    vertical-align 和 line-height
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   688 人在线   最高记录 3821   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.1 · 23ms · UTC 22:26 · PVG 06:26 · LAX 14:26 · JFK 17:26
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1