CSS实现多余文字用省略号替代

作者: 图恩分类: 编程开发阅读: 806发布时间： 2020-04-14

代码很简单, 这几行都是必需的. p { width: 200px;/*指定宽度*/ white-space: nowrap;/*强制不换行*/ text-overflow: ellipsis;/*溢出部分用省略号替代*/ overflow: hidden;/*溢出隐藏*/ }

推荐阅读

发表评论 (审核通过后显示评论)：

专题推荐
从零搭建博客
前端开发
javascript教程
vue3+ts教程
推荐阅读
- 1酥醪村到正果老街：一条不容错过的跑山路线推荐
  阅读：1668 发布时间：2025-07-19 22:18:57
- 2超速驾驶被扣6分，罚款200元
  阅读：773 发布时间：2025-07-28 22:34:41
- 3回长沙参加老婆妹妹的婚礼
  阅读：643 发布时间：2025-08-10 21:53:45
- 4umami统计：适合个人网站的专业统计工具
  阅读：632 发布时间：2025-12-11 22:10:45
- 5比亚迪的刹车偏软如何通过车机设置解决
  阅读：518 发布时间：2025-08-18 22:17:33
- 6CleanAds：百度、Bing、CSDN 广告清理插件
  阅读：397 发布时间：2025-10-10 21:19:32
- 7下班后打车碰到女司机
  阅读：383 发布时间：2025-08-18 22:35:36
- 8如何将Node.js REST API转换为AI专用的MCP服务器
  阅读：296 发布时间：2025-12-27 23:56:12
- 92025年国庆回家行程记录
  阅读：250 发布时间：2025-10-09 22:25:15
- 10利用AI自动发布文章效果如何？
  阅读：245 发布时间：2025-11-30 21:21:53