「已注销」 2023-03-08 13:59 采纳率: 100%
浏览 29
已结题

uni-app的css样式

uni-app的css样式,我想要背景颜色的长度是根据文字长度来的,但是我现在把长度的代码注释就变成一长条了,


<view class="iphone-flex">
                <view>
                    <image class="iphone" src="../../static/tab/iPhone.png"></image>
                </view>
                <view>
                    <span class="iPhone-text">iPhone 14 Pro</span>
                </view>
            </view>
.iphone {
        width: 20px;
        height: 20px;
        margin-left: 5px;
        position: relative;
        top: 5px;
    }

    .iphone-flex {
        width: 140px;
        height: 33px;
        background: #f3f4f8;
        border-radius: 10px;
        display: flex;
        line-height: 33px;
        margin-left: 20px;
        margin-top: 10px
    }

    .iPhone-text {
        font-size: 14px;
        color: #9a9b9f;
        margin-left: 5px;
    }

img

img

  • 写回答

2条回答 默认 最新

  • 简效 2023-03-08 14:06
    关注
    
    .iphone-flex{
      display:inline-flex;
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月16日
  • 已采纳回答 3月8日
  • 创建了问题 3月8日

悬赏问题

  • ¥15 Python信息系统tkinter代码错在哪里
  • ¥15 FOR循环语句显示查询超过300S错误怎么办
  • ¥15 个人通讯录管理系统 C语言 程序设计 需要能运行成功的 结构体和数组 Visual C++编译器
  • ¥15 数电设计题 没有设计思路 不知道用什么芯片进行设计 求提供设计思路
  • ¥15 在动态多目标优化问题中,第一幅图展示的是问题DF6的相关定义和绘制的POS和POF图,请问图中公式PS(t)和PF(t)是如何推导的
  • ¥60 先数学建模,接着设计一种优化算法结合案例给出智能仓储四向穿梭车的调度计划
  • ¥15 Errno2:No such file or directory,在当前文件确实没有该图片,怎么解决?
  • ¥15 博世摄像头数据存储的问题(iscsi)
  • ¥15 如何实现对学生籍贯信息管理系统的选择排序
  • ¥15 写一个51单片机的时钟代码