一般的标题中需要一个图片和文字标题如下,m-header中包含两个元素,一个是图片icon,另外一个是文字text
<div class="m-header">
<div class="icon"></div>
<h1 class="text">Chicken Music</h1>
</div>
这种情况下在css中首先需要给父元素m-header设置position属性,方便后续定位,然后设置高度,并且设置text-align值为center,使内容居中,同时设置font-size值为0,使图片和文字之间没有空隙。对于icon和text,由于都需要在一个标题栏中,它们的display属性都应设置为inline-block,图片的设置前面的博客中有描述,为了图片和文字的中心线对齐,都应设置vertical-align属性