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

Answer 1

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

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

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

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

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

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

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

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

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

Answer 2

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

img{vertical-align:middle；}

span{vertical-align: middle;}