收藏
回答

min-width 不生效?

https://developers.weixin.qq.com/s/zjePZhm27IkY

以上链接是代码片段

问题描述:

在 scroll-view 中有几个菜单,希望她们有一个最小的宽度,当内容宽度小于这个宽度时,显示最小宽度。如果宽度超过最小宽度,则正常显示内容的宽度。

但是现在的代码片段里边,min-width 相当于是width,当内容超过了显示的也是min-width的大小,并没有完整显示内容。

这个的宽度就超过了min-width 但是未能显示全部内容

回答关注问题邀请回答
收藏

2 个回答

  • 微喵网络
    微喵网络
    09-11

    这个是scroll-view用了flex的bug

    09-11
    有用
    回复 2
  • 心心情
    心心情
    09-11

    这个的css怎么写的呀

    09-11
    有用
    回复 2
    • 哆啦a梦你别跑
      哆啦a梦你别跑
      09-11
      .workOrder_sele {
        width: 100%;
        /* height: 98rpx; */
        background: #307aff;
        font-size: 28rpx;
        line-height: 37rpx;
        color: rgba(255, 255, 255, 1);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10rpx 0rpx 9rpx 0rpx;
        box-sizing: border-box;
        flex-shrink: 0;
        /* position: absolute; *//* top: 98rpx; */
        z-index: 10;
      }
      .status-wrap {
        width: 100%;
        display: flex;
        flex-direction: row;
        height: 58rpx;
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-shrink: 0;
      }
      .status-btn {
        min-width: 180rpx;
        max-width: 300rpx;
        height: 58rpx;
        background: #307aff;
        border-radius: 18rpx;
        color: #fff;
        text-align: center;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 58rpx;
        margin-right: 20rpx;
        word-break: normal;
      }


      .active-status-btn {
        min-width: 180rpx;
        max-width: 300rpx;
        font-size: 28rpx;
        font-weight: 500;
        height: 58rpx;
        color: #307aff;
        text-align: center;
        line-height: 58rpx;
        background: rgba(255, 255, 255, 1);
        border-radius: 58rpx;
        margin-right: 20rpx;
        word-break: normal;
        padding:0 10rpx;
      }
      09-11
      回复
    • 哆啦a梦你别跑
      哆啦a梦你别跑
      09-11
      代码片段里可以看到css的呀
      09-11
      回复
登录 后发表内容
问题标签