div输入框的文字超过指定行数用省略号表示css

实现效果:超过四行用省略号表示

实现方法:

复制代码
.text{
        overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4; // 自定义行数
		-webkit-box-orient: vertical;
}
相关推荐
PyHaVolask1 分钟前
CSRF跨站请求伪造
android·前端·csrf
程序员海军11 分钟前
我的2025:做项目、跑副业、见人、奔波、搬家、维权、再回上海
前端·程序员·年终总结
我来整一篇15 分钟前
[Razor] ASP.NET Core MVC 前端组件快速使用总结
前端·asp.net·mvc
2501_9481226320 分钟前
React Native for OpenHarmony 实战:Steam 资讯 App 隐私政策实现
javascript·react native·react.js·游戏·ecmascript·harmonyos
2501_9481226324 分钟前
React Native for OpenHarmony 实战:Steam 资讯 App 主题设置实现
javascript·react native·react.js·游戏·ecmascript·harmonyos
P7Dreamer27 分钟前
微信小程序处理Range分片视频播放问题:前端调试全记录
前端·微信小程序
RedHeartWWW27 分钟前
初识next-auth,和在实际应用中的几个基本场景(本文以v5为例,v4和v5的差别主要是在个别显式配置和api,有兴趣的同学可以看官网教程学习)
前端·next.js
C_心欲无痕32 分钟前
前端页面中,如何让用户回到上次阅读的位置
前端
C_心欲无痕40 分钟前
前端本地开发构建和更新的过程
前端
C_心欲无痕1 小时前
JavaScript 常见算法与手写函数实现
开发语言·javascript·算法