CSS限制字数,超出部份显示点点点...

CSS限制字数,超出部份显示点点点..._TianNicholas的博客-CSDN博客_css限制字数
单行文字溢出打点

打点三件套:

White-space:nowrap; 不换行

Overflow:hidden; 超出隐藏

text-overflow: ellipsis; 超出部分用点符号代替

以上就是单行文字溢出打点写法 相对于多行来讲较为简单

多行文字溢出打点

注意 这里的font-size和line-hight 设置不影响具体再哪一行进行打点

      /* //超出部分隐藏 */

        overflow: hidden;

        /* 设置盒子样式,-webkit-是兼容前缀    Gecko 、Mozilla Firefox浏览器 */ 

        display: -webkit-box;

        /* 设置盒子参考方式 */

        -webkit-box-orient: vertical;

        /* 设置超出多少行显示省略号 */

        -webkit-line-clamp: 5;

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容