布局居中,且屏幕适配

.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>

猜你喜欢

转载自blog.csdn.net/weixin_62462734/article/details/131171190
今日推荐