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

小程序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条回答 默认 最新

  • Go 旅城通票 2018-04-02 10:17
    关注

    要给absolute的元素加width:100%

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

报告相同问题?

悬赏问题

  • ¥15 7-1 jmu-java-m02-使用二维数组存储多元线性方程组
  • ¥20 Qcustomplot缩小曲线形状问题
  • ¥15 企业资源规划ERP沙盘模拟
  • ¥15 树莓派控制机械臂传输命令报错,显示摄像头不存在
  • ¥15 前端echarts坐标轴问题
  • ¥15 CMFCPropertyPage
  • ¥15 ad5933的I2C
  • ¥15 请问RTX4060的笔记本电脑可以训练yolov5模型吗?
  • ¥15 数学建模求思路及代码
  • ¥50 silvaco GaN HEMT有栅极场板的击穿电压仿真问题