如何使图片和文字垂直对齐（vertical-align：middle；）

vertical-align是适用于行内或行内块元素的、设置垂直对齐的方式。

1.图片和文字居中对齐

    <img src="img/zxj.jpg" alt="" width="100px" height="100px">zxj我老婆真好看

        img{
            vertical-align: middle;
        }

2. vertical-align: baseline | top | middle | bottom

 （1）默认baseline,基线对齐，即元素放在父元素的基线上

 （2）top：顶端对齐，即元素顶端和行中最高元素的顶端对齐 

 （3）middle：把元素放置在父元素的中部

 （4）bottom：底端对齐

示例：

（1）什么是基线、图片和文字的基线对齐

        img{
            vertical-align: baseline;
        }

（2） 图片和文字的顶部对齐

        img{
            vertical-align: top;
        }

（3） 图片和文字的底部对齐

        img{
            vertical-align: bottom;
        }