试了在父元素套个width: max-content; 完美
cover-view组件设置max-width在模拟器正常,在真机无效,请问怎么解决?组件:cover-view组件 微信版本号:安卓微信 8.0.6 cover-view组件设置了max-width的值,white-space设置为normal,在模拟器上能够正常以最大宽度换行显示,但是真机一行只显示了3个字,就被换行了,设置的max-width无效,请问下这种情况怎么办 css部分: .customCallout { background-color: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 6px 10px; white-space:normal; } .content { font-size: 14px; white-space:normal; max-width: 500rpx; margin: 0px auto; } wxml部分: <cover-view slot="callout"> <block wx:for="{{customCalloutMarker}}"> <cover-view class="customCallout" marker-id="{{item.id}}" > <cover-view class="content"> {{item.title}} </cover-view> </cover-view> </block> </cover-view>
2023-07-29