隐藏文字问题

简单的记录一下 

1：(内联元素要先转换)这第一种比较常见 这里是让超出以...代替 实现这代码的提前条件是给这元素设置一个固定的width 因为其不换行加超出隐藏就有这功能

{max-width:xx px;

overflow:hidden;

white-space:nowrap;

text-overflow: ellipsis}

 

 

2：(内联元素要先转换)因为被要求不要...隐藏 试了一下 会有显示半个字等等问题 只好寻找新操作

{width:xx px;

overflow:hidden;

white-space:normal;

line-height:40px;

height:40px}

这里呢是给高设死了 所以只显示一行，改变高度可以实现控制行数并隐藏 解决显示露出半个字问题 不过由这也想起老方法 写在下面得了 

3：{display: -webkit-box;

-webkit-line-clamp: 2;（行数）

-webkit-box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;

}

这老方法也好用 行数也可以根据需要

 

ps：字母数字换行问题：

{word-wrap:break-all;

break-word:keep-all;

}