收藏
回答

带背景色的文字单行溢出省略号,怎么去掉最后一个多余的背景色?

现在的情况是这样,最后多出一个背景快,怎么去掉呢


.oneline {
  width640rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text {
    background-color#999999;
    padding4rpx 8rpx;
    margin-right12rpx;
  }
}
<view class="oneline">
 <text wx:for="{{flavorsArr}}" wx:key="index">{{item.label}}</text>
</view>


最后一次编辑于  2023-12-01
回答关注问题邀请回答
收藏

4 个回答

  • 社区技术运营专员--阳光
    社区技术运营专员--阳光
    2023-12-20

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

    2023-12-20
    有用
    回复
  • Jianbo
    Jianbo
    2023-12-01

    2023-12-01
    有用
    回复 1
    • 小影子是大仙女🎆
      小影子是大仙女🎆
      发表于移动端
      2023-12-01
      每个标签背景色就是要呀
      2023-12-01
      回复
  • We
    We
    2023-12-01

    将包含文字的这个标签的CSS 设置位行内块 display:inline-block;

    2023-12-01
    有用
    回复 3
    • 小影子是大仙女🎆
      小影子是大仙女🎆
      2023-12-01
      但是这样会造成每一列数据的省略号长短不在同一个末尾;因为直接把最后一项不能显示完的给隐藏了
      2023-12-01
      回复
    • We
      We
      2023-12-01回复小影子是大仙女🎆
      父级使用  display:flex; justify-content:space-between
      2023-12-01
      回复
    • 小影子是大仙女🎆
      小影子是大仙女🎆
      2023-12-01回复We
      不行,不一定会有占满的标签
      2023-12-01
      回复
  • spider
    spider
    2023-12-01

    贴代码出来。或者你试下把几个点去掉,看是否出现多的背景块,没有出现说明是几个点造成的,就把几个点设置单独的样式或者标签

    2023-12-01
    有用
    回复 1
登录 后发表内容