细嗅蔷薇
细嗅蔷薇
  • 发布:2019-04-17 16:51
  • 更新:2019-05-30 19:49
  • 阅读:3820

uni uParse组件,解析HTML遇到a标签会自动换行?怎么不让a标签自动换行

分类:uni-app

如题所示:图中带颜色的是a标签,天猫精选 和 10元优惠券都是a标签,被自动换行了

2019-04-17 16:51 负责人:无 分享
已邀请:
细嗅蔷薇

细嗅蔷薇 (作者) - 专注于App的开发和代上架合作,带需求来聊,有需求请加QQ:1481983952

没人么?

Trust

Trust - 少说废话

如果渲染结果不符合预期,可以自己先调整下源码处理下。

  • 细嗅蔷薇 (作者)

    不是不符合预期,是渲染出来的a标签自动被解析成view了,被自动换行了

    2019-04-18 11:49

  • Trust

    回复 细嗅蔷薇:你可以调整下源码呀,改成别的标签或者加个样式。

    2019-04-18 11:51

叶冬凌

叶冬凌

简洁,简单的办法。

先上 dom

<view v-if="item.type == 3" class="text-size-1 text-color-3 content">  
你们的来信我们已收到,感谢大家一直以来的支持和厚爱。很遗憾作为熊猫守卫者,我们将正式与大家告别。  
<navigator :url="/pages/panda/index?id=3"><text class="text-color-1">从 2015年9月21日熊猫直播进入内测开始,至今已运行 1286天。在过去的一千多天,我们见证它茁壮成长,见过它绚烂璀璨,与之同升衰共进退,也即将一起封存属于它的独家记忆。至此,小熊猫将踏上属于它的远征,承载所有熊猫星人的使命和希冀。我们已将竹子、饭团、烤鱼、龙虾、佛跳墙偷偷放进了它的背包,望小熊猫此行一切顺利。</text>  
</navigator>  
从此山高路远,纵马扬鞭。愿往后旅途,三冬暖,春不寒,天黑有灯,下雨有伞。此生尽兴,不负勇往。最后,不说再见,因为熊猫精神一直在。 告别,是为了下次更好的相见。  
</view>

再上 scss

.content {  
    display: inline-block;  
    white-space: normal;  
    word-break:break-all;  

    text, navigator {  
        display: inline-block;  
        white-space: normal;  
        word-break:break-all;  
    }  

    .text-size-1 {  
        font-size: 24upx;  
    }          

    .text-color-1 {  
        color: #f00;  
    }  
}

祝你好运呀。

叶冬凌

该问题目前已经被锁定, 无法添加新回复