https://developers.weixin.qq.com/s/zjePZhm27IkY
以上链接是代码片段
问题描述：
在 scroll-view 中有几个菜单，希望她们有一个最小的宽度，当内容宽度小于这个宽度时，显示最小宽度。如果宽度超过最小宽度，则正常显示内容的宽度。
但是现在的代码片段里边，min-width 相当于是width，当内容超过了显示的也是min-width的大小，并没有完整显示内容。
这个的宽度就超过了min-width 但是未能显示全部内容
相关问题
相关文档
- 5.发布代码，对线上环境生效: 小商店/开发/拓展能力
- wx.getBluetoothDevices: 小程序/开发/API/设备/蓝牙-通用/wx.getBluetoothDevices
- wx.getBluetoothDevices#功能描述: 小程序/开发/API/设备/蓝牙-通用/wx.getBluetoothDevices
- wx.getBluetoothDevices#参数: 小程序/开发/API/设备/蓝牙-通用/wx.getBluetoothDevices
- wx.getBluetoothDevices#错误: 小程序/开发/API/设备/蓝牙-通用/wx.getBluetoothDevices
这个是scroll-view用了flex的bug
这个的css怎么写的呀
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;
}