关于小程序中flex图文列表单行溢出隐藏问题-白红宇的个人博客

发布日期：2021-05-26 12:02:18 浏览次数：25 分类：博客文章

本文共 272 字，大约阅读时间需要 1 分钟。

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

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

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

　　　　overflow：hidden;

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

　　　　overflow: hidden;

　　　　text-overflow: ellipsis;

　　　　white-space: nowrap;

　　　　min-width:0;

就可以达到溢出隐藏效果，请注意！这里只针对单行文本，多行的等有需求了再写。

以上。

上一篇：小程序关于多行文本溢出

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

JavaSE总结 2019-03-06

Python IO编程 2019-03-06

CSS入门总结 2019-03-06

使用 TortoiseGit 时，报 Access denied 错误 2019-03-06

基于 HTML5 WebGL 的污水处理厂泵站自控系统 2019-03-06

c++之程序流程控制 2019-03-06

spring-boot-2.0.3之redis缓存实现，不是你想的那样哦！ 2019-03-06

有道云笔记同步到我的博客园 2019-03-06

李笑来必读书籍整理 2019-03-06

Hadoop（十六）之使用Combiner优化MapReduce 2019-03-06

CoreCLR源码探索(八) JIT的工作原理(详解篇) 2019-03-06

C语言编译错误列表 2019-03-07

CentOS5 Linux编译PHP 报 mysql configure failed 错误解决办法 2019-03-07

python中列表元组字典集合的区别 2019-03-07

Android DEX加固方案与原理 2019-03-07

iOS_Runtime3_动态添加方法 2019-03-07

Leetcode第557题---翻转字符串中的单词 2019-03-07

Problem G. The Stones Game【取石子博弈 & 思维】 2019-03-07

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 462708139 位访客