Web前端最全Vue 中文本内容超出规定行数（字数）后展开收起的处理，超出部分，高级开发工程师面试

最后

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：

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 ? '展开' : '收起'}}

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