JoeyOnly

导航

css设置文字显示两行,溢出部分用省略号代替

.element{

    overflow:hidden;

    display:-webkit-box; //将对象作为弹性伸缩盒子模型显示;

    text-overflow:ellipsis;//溢出部分用省略号代替

    -webkit-line-clamp:2; //设置文本显示两行

    -webkit-box-orient:vertical;  //从上到下排列子元素;

    white-space:normal;

}

posted on 2019-08-22 19:38  JoeyOnly  阅读(398)  评论(0编辑  收藏  举报