微信小程序> 微信小程序一行字怎么弄-微信小程序页面显示单行,多行省略号,以及个别样式兼容问题-小程序换行

微信小程序一行字怎么弄-微信小程序页面显示单行,多行省略号,以及个别样式兼容问题-小程序换行

浏览量:1675 时间: 来源:xiaofang_up-everyday
display:flex弹性布局在小程序里面应用很便利,但是在不同系统下不兼容,display里面的属性没有实现,去网上查了一下问题说是不同内核的问题。(不同浏览器内核不同)

1.

解决问题的方法:在display:flex属性的css文件下加上上图对于不同内核的不同属性。基本都可以解决问题了。

2.大家也都知道文字太长超过容器的长度的时候会发生溢出。这时候如果你需要这个文本在一行显示不进行换行就写上如下图所示的代码:

3.

4.这个里面也需要注意到兼容问题。

5.然后,多行出现省略号:

6.

7.其中-webkit-line-clamp:4的意思就是将文本分为四行。然后再第四行的末尾出现省略号。效果如下:

8.

9.然后还有一个css样式:white-space:nowrap,意思是强制不换行,但是如果下面含有子容器的时候在子容器的样式里面写上:display:inline-block,

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎