为了账号安全,请及时绑定邮箱和手机立即绑定

如图所示,如何让span中的文字和div中的logo图片在同一行??我设置了半天span的margin属性但是没有用

如图所示,如何让span中的文字和div中的logo图片在同一行??我设置了半天span的margin属性但是没有用

查看完整描述

4 回答

已采纳
?
阿尔法小队长

TA贡献7条经验 获得超0个赞

只要将img和span设置 vertical-align: middle 就可以了;

vertical-align属性是用来修改元素基线的

基线的位置并不是固定的:

  1. 在文本之类内联元素中,基线是内联元素或者文本下边缘位置

  2. 在图片中,基线就是图片的下边缘

  3. 在inline-block中,分为两种情况

  • 如果元素内还有别的内联元素,基线就是最后一个内联元素的基线;

  • 如果没有元素内没有别的内联元素,基线就是下边缘


另外我看你上面说的设置了后文字还是比图片高,应该是因为你span设置了margin-bottom的原因




查看完整回答
反对 回复 2020-04-15
?
爱前端的小鑫

TA贡献1条经验 获得超1个赞

不受父元素大小限制的情况下,行内元素默认在一行的,定位属性似乎也没有必要

img{vertical-align:middle;}

span{vertical-align: middle;}


查看完整回答
1 反对 回复 2020-04-13
  • 4 回答
  • 0 关注
  • 5851 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信