更新实现方式:
使用弹性布局也可以实现标题效果
*注意:文字默认带有上边距,要去掉!
.content{
display:flex;
justify-content:center;
align-items:center;
}
<div class="content">
<img src="../image/frame1/sign.png" style="width:10px;height:10px;">
<div class="">标题</div>
</div>
原实现方式:
.choiceness *{
display:inline-block;
vertical-align:middle;
}
<div class="choiceness" align="center">
<img src="../image/frame1/sign.png" style="width:4.5%;">
<div class="" style="font-size:0.85rem;">
<text>精选好货</text>
<text style="color:#EC4D23;"> . </text>
<text style="color:#EC4D23;">每周上新</text>
</div>
</div>
注意:如果需要图片和文字在同一行(div)中左右居中,需要在父级标签上设置align="center" 属性