快捷导航

如图所示,如何让span中的文字和div中的logo图片在同一行??我设置了半天s

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

免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。

版权声明:作者保留权利,不代表本站立场。

回复

使用道具 举报

参与会员2

只要将img和span设置vertical-align: middle 就可以了;
vertical-align属性是用来修改元素基线的
基线的位置并不是固定的:

  • 在文本之类内联元素中,基线是内联元素或者文本下边缘位置
  • 在图片中,基线就是图片的下边缘
  • 在inline-block中,分为两种情况


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


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

使用道具 举报

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

img{vertical-align:middle;}
span{vertical-align: middle;}
回复

使用道具 举报

可能感兴趣的问答

发新帖
TA的信息
  • 会员所属: 注册会员
  • 认证信息: 邮箱认证手机认证
  • 微信访问
  • 手机APP