码迷,mamicode.com
首页 > 移动开发 > 详细

应用flexbox布局的页面在手机版chrome浏览器出现文字省略号显示异常的情况

时间:2016-03-18 19:47:55      阅读:628      评论:0      收藏:0      [点我收藏+]

标签:

描述:

  手机端Chrome浏览器(安卓)测试文字省略号显示效果  出现不支持的情况

  如图所示:

    技术分享

 

原因:文字部分的直接父元素 采用了flex布局:(flex:1);祖父元素采用了flexbox布局

解决方法: 给直接父元素 设置 overflow:hidden;

应用flexbox布局的页面在手机版chrome浏览器出现文字省略号显示异常的情况

标签:

原文地址:http://www.cnblogs.com/lxcong/p/5293108.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!