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

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

实现方法:

复制代码
.text{
        overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4; // 自定义行数
		-webkit-box-orient: vertical;
}
相关推荐
用户新12 分钟前
五万字沥血事件 深度学习 事件 循环 事件传播 异步 脱离新手区 成为事件达人
前端·javascript·事件·event loop
w2sfot20 分钟前
JS代码压缩
前端·javascript·html
码途潇潇27 分钟前
从组件点击事件到业务统一入口:一次前端操作链的完整解耦实践
前端
这是个栗子30 分钟前
【JS知识点总结】JavaScript 中的精确取整:Math.floor、Math.ceil 与 Math.round
开发语言·javascript·ecmascript
import_random36 分钟前
[python]miniconda(安装)
前端
云梦谭42 分钟前
AI 生成的FreeSWITCH 呼出流程深度分析freeswitch-1.10.12.-release
java·前端·php
秃了才能变得更强1 小时前
React Native小技巧
前端
一只爱吃糖的小羊1 小时前
React 19 vs Vue 3:深度对比与选型指南
前端·vue.js·react.js
我也想好好学习1 小时前
使用Promise实现串行执行异步任务,含出错重试功能
javascript
前端老宋Running1 小时前
Vue 3 的“降维打击”:Composition API 是如何让 Mixin 成为历史文物的?
前端·javascript·vue.js