Vue 中文本内容超出规定行数（字数）后展开收起的处理，超出部分

padding: 0;

margin: 0 ;

list-style: none;

}

.film-title{

display: inline-block;

width: 100%;

height: 20px;

white-space: nowrap;

text-overflow:ellipsis;

overflow: hidden;

/* display: -webkit-box; */

/* -webkit-box-orient: vertical; */

font-size: 16px;

margin: 0 auto;

}

• 3 实现显示50个字符 超出部分用…代替

  Ccs不能精确到字符，直接三目运算，三目运算就是三元表达式

  直接在显示的地方用substring(0,50)截断就好。

  str.length>50?substring(0,50) + “…”:str

  ---

  这个是不通的我也不知道为什么…

  https://blog.csdn.net/zhuyuchen321/article/details/81941190

  {{title}}
  为了证明楼下的那货不会对我造成影响

  {{introduce}}

  {{exchangeButton ? '展开' : '收起'}}

  为了证明楼上的那货不会对我造成影响