Live2d Test Env

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

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

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

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

    overflow:hidden;

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

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
    min-width:0;
就可以达到溢出隐藏效果,请注意!这里只针对单行文本,多行的等有需求了再写。
以上。
posted @ 2020-01-07 11:05  致爱丽丝  阅读(869)  评论(0编辑  收藏  举报