使用-webkit-line-clamp时，如何知道文本有超出规定行数（不定宽高）？

千禧

2369

发布于
2022-08-04 浙江

目前的需求时有一个div，不限定宽和高，内部文字需限定规定字数和行数，超过该字数或者行数隐藏并以...显示。但-webkit-line-clamp不存在显示是否被隐藏的伪类，我们如何得知文本超过指定行数了呢

前端 css3 html javascript

阅读 2.5k

2 个回答

得票最新

Fractal

5.5k22433

发布于
2022-08-04 上海

CSS 实现多行文本“展开收起”
https://segmentfault.com/a/1190000040030723

查看全部 2 个回答

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答12.8k 阅读
如何防止接口的 key 泄露?
目前有一个小程序,功能上比较简单,但是需要调用其他平台提供的 AI 相关接口。为了节省服务器费用,想直接在前端请求接口,但是这样就会暴露接口的 key。有没有其他办法可以防止 key 泄露? 或者默许 key 可能的泄露,然后实时监控接口的使用量,这种方式是否可行?
8 回答2.5k 阅读
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}
2 回答5k 阅读✓ 已解决
Next.js做纯前端是否可行？
最近在学习Next.js存在一个疑问，如果只需要做前端界面的渲染和交互后端逻辑都用java来做，是否还需要使用Next.js，还是说直接使用React+Tailwind css更好
7 回答1.9k 阅读
请问开发React Native，一般是推荐哪个主流的UI库呢？
请问开发React Native，一般是推荐哪个主流的UI库呢？我们知道React有antd，但是React Native的话好像React Native Mobile RN不是最主流的。
3 回答2.2k 阅读✓ 已解决
在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
请问：在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
5 回答796 阅读
如何实现一个深拷贝函数？
在项目开发中，如何实现一个深拷贝函数？
3 回答1.1k 阅读✓ 已解决

相似问题

如果不给div定宽高，那么他的子类或子类的子类定宽高的话，那么那个div有宽高吗？
7 回答5.5k 阅读
文本节点如何获取高度？
1 回答2.6k 阅读✓ 已解决
如何让伪元素的宽度适应文字内容的同时受到最大宽度的限制，且在小于最大宽度时不自动换行，大于最大宽度时才换行？
2 回答2.5k 阅读✓ 已解决
echarts 移入legend时候怎么让文字高亮？
1.5k 阅读
如何设置video标签为固定宽高比？
1 回答4.4k 阅读

找不到问题？创建新问题

使用-webkit-line-clamp时，如何知道文本有超出规定行数（不定宽高）？

js 如何将Key属性相同的放在同一个数组？

如何防止接口的 key 泄露?

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

Next.js做纯前端是否可行？

请问开发React Native，一般是推荐哪个主流的UI库呢？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

如何实现一个深拷贝函数？