Home
Sign Up
Sign In
›
Vue.js
Advertisement
V2EX
›
Vue.js
element ui 的 dropdown,文字后面里添加图片,图片需要使用 float:right,否则文字就不垂直居中,求解?
sevenQu
·
Jun 22, 2018
· 3300 views
This topic created in 3056 days ago, the information mentioned may be changed or developed.
想模仿人家做后台界面,右侧的头像和名字部分
就是直接改的 element 的例子,区别是加了一张头像图片
看人家的源码,图片必须加上一个 float:right,否则效果如下
float 时 dropdown 的高度是 60px,不加的话是 75px
我个人觉得,图片是行内元素,所以不加 float 也是水平排列,不知道这个 float 的作用是什么?
试了一些方法,不加 float,文字无法达到垂直居中的效果,让我很纳闷,希望有做过的人指点一下,谢谢
float
图片
element
居中
1 replies
•
2018-06-23 06:41:03 +08:00
flowfire
Jun 23, 2018 via iPhone
1
vertical-align 和 line-height
About
·
Help
·
Advertise
·
Blog
·
API
·
FAQ
·
Privacy
·
Solana
·
4933 Online
Highest 6679
·
Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 29ms ·
UTC 07:16
·
PVG 15:16
·
LAX 23:16
·
JFK 02:16
♥ Do have faith in what you're doing.
❯