图片与文字如何居中？

<div class="test"> <img src="setting.png" style="vertical-align:middle"> <span>Find Psaaword</span></div>想问下这样写文字应该是与图片对齐的，可是为什么没有对齐呢?当<span>内的文字比较小的时候，看起来还是对齐的，但是文字变大后，就没有对齐了，如下图

查看完整描述

5 回答

已采纳

业余奶茶品鉴师

TA贡献260条经验获得超388个赞

.test {
    -webkit-display:flex;           
    display:flex;           
    -webkit-align-items:center;           
    align-items:center;
}

加一个上面的样式就可以了，记得采纳哦

2 反对回复 2018-08-08

慕侠9107969

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

通用通过

1 反对回复 2018-08-09

php培训刚出来

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

你这是图片行级，宽高由内容决定的，给图片设个div然后套进去div里面，div跟span里面的行高一样就好了，或者用display给img设置成块级然后设置跟span行高一样

反对回复 2018-08-08

前端绅士

TA贡献10条经验获得超2个赞

flex解决一切。。。

反对回复 2018-08-08

可可布布

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

ASa

反对回复 2018-08-08

慕侠9107969
sss

回复 2018-08-08

图片与文字如何居中？

图片与文字如何居中？

5 回答

相关问题推荐

添加回答

热搜

最近搜索清空

图片与文字如何居中？

图片与文字如何居中？

5 回答

相关问题推荐

添加回答