通过javascript实现段落的收缩与展开

(编辑：jimmy 日期: 2024/11/16 浏览：3 次 )

主要是使用-webkit-line-clamp这个属性进行限制显示行数,通过计算文字在标签内的显示高度来计算当前文字行数,再与需要限制的行数进行对比,来确定是否显示

代码如下:

<!--Created by lmj on 2017/8/10.-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>段落的收起与展开</title>
<script src="/UploadFiles/2021-04-02/jquery.js">

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：react koa rematch 如何打造一套服务端渲染架子
下一篇：vue.js 打包时出现空白页和路径错误问题及解决方法