收藏
回答

user-select="true"文本选择框会超出文本本身?

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug user-select 微信iOS客户端 6.5.3 2.0.0

wxml______________ 问题出在 <text user-select="true">a啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</text>这行上 下面有图片显示

<view class="content">

    <header title="11111111"></header>

  <view class="detail-topbak"></view>

  <view class="detail-background">

    <view class="detail-title">

      <view class="title">2222222</view>

      <view class="date">s水水水水水水水水水水水水水</view>

    </view>

    <view class="detail-con" >

      <text user-select="true">a啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</text>

    </view>

  </view>

</view>


wxss_____________



.detail-topbak {

  width: 100%;

  height: 232rpx;

  position: fixed;

  top: 0rpx;

  z-index: -1;

  background-image: linear-gradient(to right, #007BC6, #0054A6);

  border-bottom-left-radius: 72rpx;

}


.detail-background {

  width: 91.46%;

  position: absolute;

  top: 198rpx;

  z-index: 1;

  background-color: #FFFFFF;

  margin: 0rpx 4.27%;

  border-radius: 28rpx;

  box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.2);

  overflow-y: auto;

  overflow-x: hidden;

}


.detail-title {

  padding: 40rpx 32rpx;

  width: 100%;

  border-bottom: 1rpx solid #D0DBE9;

}


.title {

  color: #333333;

  font-weight: bold;

  margin-bottom: 6rpx;

  /* border: 1rpx solid black; */

}


.date {

  font-size: 24rpx;

  color: #A2A2A2;

  /* border: 1rpx solid black; */

}


.detail-con {

  width: 85.46%;

  display: inline-block;

  margin: 40rpx 32rpx;

  margin-bottom: 40rpx;

  color: #090605;

  /* border: 1rpx solid black; */

  font-size: 24rpx;

  white-space: pre-line;

  word-break: break-word;

  white-space: wrap;

  word-wrap: break-word;

  z-index: 9999;

}

.content{

  overflow: hidden;

}





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

2 个回答

  • Demons
    Demons
    2023-12-26

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2023-12-26
    有用
    回复
  • FeinZee
    FeinZee
    08-16

    我也遇到了这个问题!

    08-16
    有用
    回复
登录 后发表内容