.xianshibuju_c{
display: flex;
height: 100%;
align-items: center;
//固定宽度
width: 400px;
position: absolute;
margin-left: 50%;
transform: translateX(-45%);
}
当图标和文字在同一行,只想让文字居中,图标固定在文字左侧。
<div class="tit">
<div :class="dianjivalue == 4 ? 'tit-active' : ''" class="aaa">
<div class="imagetit bbb" v-if="dianjivalue == 4"></div>
<div class="imagetit1 bbb" v-else></div>
杂费
</div>
</div>
<style>
.tit{
display:flex;
justify-content: center;
}
.aaa{
position:relative;
}
.bbb{
position:absolute;
left:-15px;
}
</style>