实战Tips——持续更新

1.flex布局时文字过长出现的样式错乱问题，属于IE兼容性问题

图1


以上的处理会造成图1效果
解决:在leftWord添加width:0;

2.多行文本溢出隐藏显示省略号在IE上兼容问题

看网上好多处理方式都是在样式上做文章,个人感觉略微麻烦，不如用js截取字符串处理

局限性就是这个字数需要提前定义好，也就是说该方式适用于宽度固定的形式

// 截取处理为了兼容IE浏览器
showTitle(title) {
   if (title.length > 19) {
     return `${title.slice(0, 19)}...`;
   }
   return title;
}