技术栈

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

刚刚好ā2023-08-21 20:58

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

实现方法:

复制代码
.text{
        overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4; // 自定义行数
		-webkit-box-orient: vertical;
}
上一篇:基于Rust的QuickLZ压缩算法的详细实现与分析
下一篇:深入探讨 Oxigen:Rust 实现的并行遗传算法框
相关推荐
程序员鱼皮
14 分钟前
从夯到拉,锐评 39 个前端技术!
前端·程序员·编程语言
前端小L
14 分钟前
双指针专题(九):谁是窗口里的老大?——「滑动窗口最大值」
javascript·算法·双指针与滑动窗口
凌览
17 分钟前
0成本、0代码、全球CDN:Vercel + Notion快速搭建个人博客
前端·后端
遗憾随她而去.
20 分钟前
uniapp 折叠动画 <transition> 踩坑记录
css·uni-app
该换个名儿了
21 分钟前
Vue3中,我的Watch为什么总监听不到数据?
前端·javascript·vue.js
坚持学习前端日记
23 分钟前
桌面端与移动端JS桥技术对比及跨平台实现
开发语言·javascript·harmonyos
Crystal328
25 分钟前
移动web开发常见问题
前端·css·面试
ahhdfjfdf
28 分钟前
前端实现带滚动区域的 DOM 长截图导出
前端·javascript·react.js
周星星日记
33 分钟前
vue3中使用defineModel
前端·vue.js
八哥程序员
37 分钟前
javascript 为什么会有闭包这么个烧脑的东西
前端·javascript
热门推荐
01GitHub 镜像站点02手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04jdk21下载、安装(Windows、Linux、macOS)05Linux下V2Ray安装配置指南062025 最新教程:注册并切换到美区 Apple ID07Claude Code Skills 实用使用手册08GitLab 零基础入门指南:从安装到项目管理全流程09UV安装并设置国内源10IDEA卡死没反应的全部解决方案