文本溢出隐藏

在不用过滤器的情况,直接通过设置 css 样式使文本溢出隐藏:

vue 框架中可以用 filter 过滤器;微信小程序中可用该方法进行设置。

文本溢出隐藏文本溢出隐藏文本溢出隐藏

 1.单行文本溢出隐藏: 

text{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

 2.多行文本溢出隐藏:

text{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clap:2; //设置2行溢出隐藏
}

 

上一篇:CSS_8——设置元素的尺寸(简单记录)


下一篇:html的overflow溢出