weixin_41584177 2018-04-02 10:04 采纳率: 0%
浏览 11915
已采纳

小程序wxss靠底部居中的问题

图片说明
图中按钮是固定在下方的,现在想要倒计时部分的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;
    }  

现在的问题是倒计时部分用了position:absolute;后,text-align: center;无法生效,请问如何解决居中的问题

  • 写回答

3条回答 默认 最新

  • 斯洛文尼亚旅游 2018-04-02 10:17
    关注

    要给absolute的元素加width:100%

      .content{
            width:100%;  
            font-family: 微软雅黑;
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥100 需要跳转番茄畅听app的adb命令
  • ¥50 寻找一位有逆向游戏盾sdk 应用程序经验的技术
  • ¥15 请问有用MZmine处理 “Waters SYNAPT G2-Si QTOF质谱仪在MSE模式下采集的非靶向数据” 的分析教程吗
  • ¥50 opencv4nodejs 如何安装
  • ¥15 adb push异常 adb: error: 1409-byte write failed: Invalid argument
  • ¥15 nginx反向代理获取ip,java获取真实ip
  • ¥15 eda:门禁系统设计
  • ¥50 如何使用js去调用vscode-js-debugger的方法去调试网页
  • ¥15 376.1电表主站通信协议下发指令全被否认问题
  • ¥15 物体双站RCS和其组成阵列后的双站RCS关系验证