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

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

/ 猿问

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

http://img4.sycdn.imooc.com/5e9439d900010d9204860153.jpg

http://img4.sycdn.imooc.com/5e9439d90001e16410520147.jpg


查看完整描述

2 回答

已采纳
?
阿尔法小队长

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

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

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

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

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

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

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

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


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




查看完整回答
反对 2020-04-15
?
浪漫飞机头

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

img{vertical-align:middle;}

span{vertical-align: middle;}


查看完整回答
1 反对 2020-04-13

添加回答

回复

举报

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