樱花树下'

导航

前端超出显示省略号

width: 200px;  //宽度看个人需求可以定也可不定默认可视父盒子宽度
text-overflow: ellipsis;//文本超出显示省略号
overflow: hidden;//超出隐藏
// white-space: nowrap;//文本不换行

display: -webkit-box;
-webkit-line-clamp: 1;//多行时可以控制显示的行数
-webkit-box-orient: vertical;

  

posted on 2021-10-26 11:29  樱花树下'  阅读(348)  评论(0编辑  收藏  举报