文字打点

Posted 2020-08-07 学如逆水行舟，不进则退。

一。单行文字打点：

　　三个css属性一件套：

　　　　white-space: nowrap;  // 不换行

　　　　over-flow: hidden;  // 溢出隐藏

　　　　text-overflow: ellipsis;  // 文本溢出打点

二、多行文字打点：

　　（1）直接overflow: hiddne; 不打点

　　（2）手动添加

　　（3）在移动端上多行打点技术兼容性不好，尽量别用

　　　　　　white-space: normal;

　　　　　　-webkit-line-clamp: 3;

　　　　　　display: -webkit-box;

　　　　　　overflow: hidden;

　　　　　　text-overflow: ellipsis;

　　　　　　-webkit-box-orient: vertical;