图片于文本的基线垂直对齐

1.如果文字只是行内元素的话，那么只需要在图片的css中添加vertical-align: middle;

<div id="div1">

        <img src="./xxxx.png" alt="">

        <h6>我要把这排文字与图片垂直居中对齐</h6>

    </div>

        #div1 img {

            background-color: pink;

            vertical-align: middle;

        }

 

 

2.如果文字为块元素，可以设置浮动（float）

3.或者将文字转化为行内元素（display:inline;）

#div1 h6 {display: inline;}