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，这样就可以了。
实现：css如何让一行内的文字两端对齐 1、打开DW软件建立一样样式取名div1，实现文字两端对齐主要css属性text-align:justify如下图： 详解：text-align中的值有很多justify指的是文字两端对齐；为了更好的浏览效果，设置一个宽度为200px高100px
