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

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

实现方法:

复制代码
.text{
        overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4; // 自定义行数
		-webkit-box-orient: vertical;
}
相关推荐
只会cv的前端攻城狮17 分钟前
动态组件架构设计:从配置到事件驱动全链路解析
前端·vue.js
飞天狗18 分钟前
Next.js 16 App Router 实战:服务端组件与流式渲染
前端·next.js
OpenTiny社区23 分钟前
TinyEngine 2.11版本发布:AI 进一步融入画布,Vue 工程可一键转DSL
前端·vue.js·github
小雪_Snow37 分钟前
JavaScript 中的三种常用事件
开发语言·前端·javascript
Hyyy40 分钟前
Electron-Vite是什么,和Vite有什么区别
前端·面试
梨想橙汁1 小时前
CSS零基础入门:语法、引入方式与基础样式全解析
css
蓝胖子酱1 小时前
在 Electron 中用 electron-store 实现加密存储与自定义格式文件
前端·javascript·数据库
虚焦像素_1 小时前
海康 Web 插件版接入指南:用法与注意事项
前端
虚焦像素_1 小时前
海康 Web 无插件版接入指南:用法与注意事项
前端
To_OC2 小时前
LC 22 括号生成:刷完这道题,我终于搞懂回溯剪枝了
javascript·算法·leetcode