玉jade 2022-12-09 11:29 采纳率: 100%
浏览 17
已结题

小程序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%
我想要达到的结果,如果你需要快速回答,请尝试 “付费悬赏”
  • 写回答

3条回答 默认 最新

  • CSDN专家-showbo 2022-12-09 11:33
    关注

    要给absolute的元素加width:100%

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

报告相同问题?

问题事件

  • 系统已结题 12月18日
  • 已采纳回答 12月10日
  • 创建了问题 12月9日

悬赏问题

  • ¥15 企业资源规划ERP沙盘模拟
  • ¥15 前端echarts坐标轴问题
  • ¥15 CMFCPropertyPage
  • ¥15 ad5933的I2C
  • ¥15 请问RTX4060的笔记本电脑可以训练yolov5模型吗?
  • ¥15 数学建模求思路及代码
  • ¥50 silvaco GaN HEMT有栅极场板的击穿电压仿真问题
  • ¥15 谁会P4语言啊,我想请教一下
  • ¥15 这个怎么改成直流激励源给加热电阻提供5a电流呀
  • ¥50 求解vmware的网络模式问题 别拿AI回答