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

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

实现方法:

复制代码
.text{
        overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4; // 自定义行数
		-webkit-box-orient: vertical;
}
相关推荐
未来之窗软件服务16 小时前
未来之窗昭和仙君 (四) 前端网页分页 — 东方仙盟筑基期
前端·仙盟创梦ide·东方仙盟·东方仙盟修仙·昭和仙君
安卓开发者17 小时前
鸿蒙Next Web组件详解:属性设置与事件处理实战
前端·华为·harmonyos
安卓开发者17 小时前
鸿蒙NEXT Web组件与JavaScript交互:打通原生与前端的桥梁
前端·javascript·harmonyos
fdc201717 小时前
Avalonia 基础导航实现:从页面切换到响应式交互全指南
开发语言·javascript·ecmascript
Sapphire~17 小时前
重学前端013 --- 响应式网页设计 CSS网格布局
前端·css
小菜花2918 小时前
利用H5实现svg图片中各部分监听事件
前端·javascript·svg·object标签
二十雨辰19 小时前
歌词滚动效果
前端·css
法医19 小时前
和文心快码做朋友,让编程像“说话”一样简单
前端·文心快码
前端小巷子19 小时前
JS 打造「放大镜 + 缩略图」一体组件
前端·javascript·面试
陈随易19 小时前
适合中国宝宝的AI编程神器,文心快码
前端·后端·node.js