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

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

实现方法:

复制代码
.text{
        overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4; // 自定义行数
		-webkit-box-orient: vertical;
}
相关推荐
谢尔登3 分钟前
为什么React 17开始无需在组件中引入React了?
前端·react.js·前端框架
ohyeah4 分钟前
JavaScript 面向对象的本质:从对象模板到组合继承的完整演进
前端·javascript
Drift_Dream10 分钟前
虚拟滚动:优化长列表性能的利器
前端
逃离疯人院10 分钟前
前端性能深度解析:网络响应时间与实际渲染时间的鸿沟
前端
国服第二切图仔16 分钟前
Electron for鸿蒙PC项目实战之天气预报应用
javascript·electron·harmonyos·鸿蒙pc
我是若尘20 分钟前
🚀 深入理解 Claude Code:从入门到精通的能力全景图
前端
老前端的功夫28 分钟前
Webpack 深度解析:从配置哲学到编译原理
前端·webpack·前端框架·node.js
重铸码农荣光32 分钟前
🌟 Vibe Coding 时代:用自然语言打造你的专属 AI 单词应用
前端·vibecoding
MegatronKing33 分钟前
SSL密钥协商导致抓包失败的原因分析
前端·https·测试
Kratzdisteln36 分钟前
【TIDE DIARY 5】cursor; web; api-key; log
前端