css设置使文字显示2行多余的为省略号...

xiaoshen66

于 2019-07-28 17:11:00 发布

阅读量244

点赞数

本文链接：https://blog.youkuaiyun.com/Anfen0/article/details/106914695

版权

本文深入探讨CSS中的高级样式技巧，包括字体大小、行高、文本溢出处理等，旨在帮助前端开发者掌握更高效的布局和样式控制方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
            .title{ 
           
            font-size 
            : . 
            7 
            rem; 
           
            line-height 
            :  
            1.5 
            rem; 
           
            overflow 
            :  
            hidden 
            ;   
            /** 隐藏超出的内容 **/ 
           
            word-break: break- 
            all 
            ; 
           
            text- 
            overflow 
            : ellipsis;  
            /** 多行 **/ 
           
            display 
            : -webkit-box;  
            /** 对象作为伸缩盒子模型显示 **/ 
           
            -webkit-box-orient: vertical;  
            /** 设置或检索伸缩盒对象的子元素的排列方式 **/ 
           
            -webkit-line-clamp:  
            2 
            ;  
            /** 显示的行数 **/ 
           
            margin-bottom 
            : . 
            3 
            rem; 
           
            }