css超出部分字符显示省略号

2018-08-21  本文已影响0人  雅雅的前端工作学习

对于单行, 注意将元素转换为display:inline-block;:

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;//单行

对于多行(这里示例四行):

     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
上一篇下一篇

猜你喜欢

热点阅读