1、首先通过vertical-align:middle实现现图片与文字水平对齐，需要区分html是行内元素，还是块状元素，实现img、p及div水平居中对齐，则只需要在img的css中的vertical-align：middle；及将p和div（display：inline-block）转化为行内元素。
2、实现img、span水平居中对齐，由于这两者都是行内元素。
3、则只需要在img的css中的vertical-align：middle；span标签什么都不需要添加。
4、通过flex布局实现图片与文字水平对齐，只需要在父级元素中css添加。
5、子级元素则不需要像上面那样添加vertical-align：middle，这样就可以了。
.box{background:url(images/test.jpg) no-repeat right toppadding-right:10px}
<div class="box"></div>
no-repeat:是不平铺
right：水平位置居右，可以设置正负值
top：垂直位置靠上，可以设置正负值
padding：右内边距为10px
这位网友你好，如果你的图片设置的是背景的话，可以这么写：background:#ffffff url( 图片路径) no-repeat center bottom
如果你用的图片，那只能用margin设置了~
