首页 > 其他 > 详细

单行文本和多行文本超出隐藏

时间:2020-04-29 21:23:32      阅读:70      评论:0      收藏:0      [点我收藏+]

单行文本超出隐藏

三步走

1、文本不换行

2、超出隐藏

3、文本超出部分用省略号表示

div{
            width: 100px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; 
        }

多行文本超出隐藏

div {
            width: 100px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;/* 表示自适应布局 */
            -webkit-line-clamp: 3;/* 表示显示几行 */
            -webkit-box-orient: vertical;
        }

 

单行文本和多行文本超出隐藏

原文:https://www.cnblogs.com/afafaa/p/12804525.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!