CSS图片和文字对齐小技巧

当图片或者其他类似元素(以下统称图片)需要和文字对齐时,通过调整margin值会发现图片和文字一起移动的现象.

此时的解决方案就是:

1.把图片转化为行内快元素,即:display:inner-block;

2.加上vertical-align:middle;

最关键的是第二点,这时候再来调整margin值,文字就不会跟着图片一起上下移动了