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

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

实现方法:

复制代码
.text{
        overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4; // 自定义行数
		-webkit-box-orient: vertical;
}
相关推荐
英俊潇洒美少年几秒前
react useDeferredvalue和useTransition的讲解
前端·react.js·前端框架
爱学习的程序媛5 分钟前
【WebRTC】呼叫中心前端技术选型:SIP.js vs JsSIP vs Verto
前端·javascript·typescript·音视频·webrtc·实时音视频·web
Amumu1213812 分钟前
Js: ES新特性(一)
开发语言·前端·javascript
scofield_gyb12 分钟前
Redis 6.2.7安装配置
前端·数据库·redis
木斯佳19 分钟前
前端八股文面经大全: 蓝色光标前端一面OC(2026-03-23)·面经深度解析
前端·面试·vue·校招·js·面经
2301_7925800019 分钟前
Pyrocko + PSGRN/PSCMP小问题
前端
Highcharts.js32 分钟前
Highcharts for Python|用 Pythonic 的方式构建AI数据可视化图表
前端·人工智能·python·信息可视化·数据科学·highcharts·ai可视化
是罐装可乐34 分钟前
SPA首屏接口过多导致卡顿?一套前端请求调度方案彻底解决
前端·性能优化·spa·前端架构·请求队列
子豪-中国机器人43 分钟前
python AI自动化
java·前端·python
JavaPub-rodert1 小时前
Codex GPT-5.4 使用教程(命令大全版)
前端·chrome·gpt·codex