小程序wxss显示底部居中如何控制

问题遇到的现象和发生背景

小程序wxss显示底部居中如何控制

遇到的现象和发生背景，请写出第一个错误信息

img


图中按钮是固定在下方的，现在想要倒计时部分的view可以靠在按钮上方并且居中，现在代码如下
wxml：


 <view class='content'>
        <text style="display: block;text-align: center;font-size: 30px;">
            倒计时：\n{{ticker}}
        text>
    view>
    <button class='btn' bindtap='tapChange'>点击button>

wxss

  .content{
        font-family: 微软雅黑;
        color: white;
        bottom:47px;
        padding:0px;
        margin:0px;
        position:absolute;
        text-align: center;
    } 
        .btn{  
        width:100%;  
        border-radius: 3px;  
        padding-top:2px;  
        font-size:14px;  
        background-color:#CC3333;  
        color:white;  
        overflow:hidden;  
        height:45px;  
        bottom: 0;
        position: fixed;
    }
用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%
运行结果及详细报错内容
我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%
我想要达到的结果，如果你需要快速回答，请尝试 “付费悬赏”

要给absolute的元素加width:100%

  .content{
        width:100%;  
        font-family: 微软雅黑;



.content{
  display: flex;
  justify-content: center;
}
您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632