css如何实现文本多行省略号

css实现文本多行省略号的方法：1、使用【text-overflow:ellipsis】属性实现单行文本省略；2、使用属性【webkit-box-orient: vertical】实现多行文本省略。

本教程操作环境：windows7系统、css3版，DELL G3电脑。

css实现文本多行省略号的方法：

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。

实现单行文本省略

    
        
        
        
    
    
        
单行文本省略单行文本省略单行文本省略单行文本省略单行文本省略单行文本省略单行文本省略单行文本省略单行文本省略单行文本省略单行文本省略
    

结果

实现多行文本省略

    
        
        
        
    
    
        
多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略
    

结果

相关教程推荐：CSS视频教程

以上就是css如何实现文本多行省略号的详细内容，更多请关注其它相关文章！