最近在弄一个uniapp项目,页面用nvue实现,出现了下面这种需求
UNIAPP NVUE下两个text标签混排在一行
刚使用nvue没多久,对nvue也不是很熟,很快问题就来了:本来实现这种效果只需要几个text就可以解决了,但是在实现过程中发现nvue下的text是一个块级元素!无论我怎么布局,它都实现不了混排在一行。前端小白,做什么都难,思来想去,我最终选择一种比较笨的方法:将整段话用一个text标签实现出来,将前面的不同的样式,掺杂在一起的文本用几个text标签实现,然后用一个框包裹起来,最后将这个框绝对定位,覆盖到第一个text标签的前面上去。

UNIAPP NVUE下两个text标签混排在一行
UNIAPP NVUE下两个text标签混排在一行
实现的效果如下:
UNIAPP NVUE下两个text标签混排在一行
这种方法局限性太大,如果字体大小不一样的话,就很难保证完美覆盖。效果虽然实现,但是方法太笨,不知道哪位大佬有好的办法告诉一下我这位小白同学,万分感谢!!!

相关文章:

  • 2021-09-28
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-18
  • 2022-01-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-20
  • 2021-08-14
  • 2022-12-23
相关资源
相似解决方案