Live2d Test Env

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

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

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

    overflow:hidden;

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

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
    min-0;
就可以达到溢出隐藏效果,请注意!这里只针对单行文本,多行的等有需求了再写。
以上。
原文地址:https://www.cnblogs.com/hjk1124/p/12160358.html