CSS文本超过2行省略号(...)显示
基础属性:(只能做到超出一行部分省略号显示)
width: 200px; //宽度 overflow: hidden; //超出文本隐藏 white-space: nowrap; //不换行,只显示一行 text-overflow: ellipsis; //超出部分省略号显示
CSS3属性:(可做到超出 N 行部分省略号显示,行数可自定义)
width: 200px; //宽度 overflow:hidden; //超出文本隐藏 text-overflow:ellipsis; ///超出部分省略号显示 display:-webkit-box; //弹性盒模型 -webkit-box-orient:vertical; //上下垂直 -webkit-line-clamp:4; //自定义行数
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步