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

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

实现方法:

复制代码
.text{
        overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4; // 自定义行数
		-webkit-box-orient: vertical;
}
相关推荐
无心水16 小时前
【时间利器】4、JavaScript时间处理全解:Date/moment/dayjs/Temporal
开发语言·前端·javascript·状态模式·openclaw·date/moment·dayjs/temporal
踩着两条虫16 小时前
AI 驱动的 Vue3 应用开发平台 深入探究(二十五):API与参考之Renderer API 参考
前端·vue.js·人工智能
踩着两条虫16 小时前
AI 驱动的 Vue3 应用开发平台 深入探究(二十四):API与参考之Provider API 参考
前端·vue.js·ai编程
恋猫de小郭17 小时前
Android Studio Panda 2 ,支持 AI 用 Vibe Coding 创建项目
android·前端·flutter
爱学习的程序媛17 小时前
【Web前端】WebSocket 详解
前端·websocket·网络协议·web
BJ-Giser17 小时前
Cesium夜晚月亮银河夜空效果
前端·可视化·cesium
happymaker062617 小时前
web前端学习日记——DAY06(js基础语法与数据类型)
前端·javascript·学习
FlyWIHTSKY17 小时前
父子组件参数传递
前端·javascript·vue.js
不会写DN17 小时前
JS 最常用的性能优化 防抖和节流
开发语言·javascript·ecmascript
紫_龙17 小时前
最新版vue3+TypeScript开发入门到实战教程之生命周期函数
前端·javascript·typescript