关于小程序中flex图文列表单行溢出隐藏问题


今天在做小程序时,商品名由于输入太多而导致了溢出换行,记个笔记

小程序方面用的相当多的就是flex布局方式,但是之前的溢出隐藏方式对于flex布局似乎不太生效,接下来介绍思路:

1.在文本的父元素上加属性:

    overflow:hidden;

2.给该文本元素加属性:

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
    min-width:0;
就可以达到溢出隐藏效果,请注意!这里只针对单行文本,多行的等有需求了再写。
以上。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM