文字不能正常换行,如何处理?
发布于 2 年前 作者 yangjin 709 次浏览 来自 问答

样式:

view{
  margin0;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
}
.intro {
  width100%;
  padding30px;
  text-align: center;
  display: flex;
  box-sizing: border-box;
}
.img{
  width200rpx;
  text-align: left;
  color#999;
}
.title-box{
  flex1;
}
.title{
  width100%;
  text-align: left;
}

内容:

<view class="intro">
  <view class="img">任务标题:</view>
  <view class="title-box">
    <view class="title">123@@@@@@@@@@@@@@@@@[@456789101112131415161718](/user/456789101112131415161718)数据类型都不调整</view>
  </view>
</view>
2 回复

试试父容器(任务标题+123xxx的)给个 word-break: break-all;

css试下自动换行

word-break:break-all;

回到顶部