社区
CSS
帖子详情
flex布局里文字溢出显示...怎么做
ruby0602
2016-12-11 07:17:13
flex-wrap: nowrap;
text-overflow: ellipsis;不起作用
...全文
1297
3
打赏
收藏
flex布局里文字溢出显示...怎么做
flex-wrap: nowrap; text-overflow: ellipsis;不起作用
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
leileizhao1993
2016-12-12
打赏
举报
回复
没有设置高度吧,如果设置高度了那就是有些浏览器不兼容这个属性了,比如火狐,IE,这样只能用JS模拟了,分两部分,左边显示内容,多余部分隐藏,右边显示省略号
cl18334797638
2016-12-12
打赏
举报
回复
设固定宽度,超出隐藏overflow:hidden
当作看不见
2016-12-11
打赏
举报
回复
用js手动模拟这个效果吧
CSS flex-basis 文本
溢出
问题的解决
不值一提的 flex-basis ,却给文本
溢出
添加省略号这个小小的功能带来很多了麻烦。下面来演示一下。 1. flex 家族 flex
里
有很多的属性,我们经常用到的就是如下操作: .container { display: flex; } .container > .left { flex: 1; } .container > .right { flex: 1; } 这样可以很方便的实现一个左右等分的布局。 我们来看一个引起问题的例子: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /
针对
flex布局
下
文字
溢出
的解决方法
flex布局
,
文字
溢出
flex布局
导致
文字
溢出
flex布局
导致
文字
溢出
的解决方案
flex布局
的弹性盒子单行文本
溢出
显示
省略号...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc...
flex布局
文字
溢出
显示
省略号失效的解决方法
css单行
文字
溢出
省略: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100px; css多行
文字
溢出
省略: word-break: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overfl
CSS
61,126
社区成员
60,707
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章