文字超出长度显示...(单行,与多行)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title> <style> div:nth-child(1) { /* 单行文字超出长度显示... */ background: pink; width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div:nth-child(2) { /* 设置多行文字超出长度显示... */ background: skyblue; width: 200px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 设置多少行 */ } </style> </head> <body> <div> 《西游记》的作者是吴承恩,中国古典神魔小说,中国“四大名著”之一。成书于16世纪明朝中叶,一般认为作者是明朝的吴承恩。书中讲述唐三藏师徒四人西天取经的故事,表现了惩恶扬善的古老主题,也有观点认为西游记是权力场讽刺小说。作为中国古典四大名著之一、中国古代第一部浪漫主义长篇神魔小说,该书深刻地描绘了当时的社会现实,是魔幻现实主义的开创作品。 </div> <div> 《西游记》的作者是吴承恩,中国古典神魔小说,中国“四大名著”之一。成书于16世纪明朝中叶,一般认为作者是明朝的吴承恩。书中讲述唐三藏师徒四人西天取经的故事,表现了惩恶扬善的古老主题,也有观点认为西游记是权力场讽刺小说。作为中国古典四大名著之一、中国古代第一部浪漫主义长篇神魔小说,该书深刻地描绘了当时的社会现实,是魔幻现实主义的开创作品。 《西游记》的作者是吴承恩,中国古典神魔小说,中国“四大名著”之一。成书于16世纪明朝中叶,一般认为作者是明朝的吴承恩。书中讲述唐三藏师徒四人西天取经的故事,表现了惩恶扬善的古老主题,也有观点认为西游记是权力场讽刺小说。作为中国古典四大名著之一、中国古代第一部浪漫主义长篇神魔小说,该书深刻地描绘了当时的社会现实,是魔幻现实主义的开创作品。 《西游记》的作者是吴承恩,中国古典神魔小说,中国“四大名著”之一。成书于16世纪明朝中叶,一般认为作者是明朝的吴承恩。书中讲述唐三藏师徒四人西天取经的故事,表现了惩恶扬善的古老主题,也有观点认为西游记是权力场讽刺小说。作为中国古典四大名著之一、中国古代第一部浪漫主义长篇神魔小说,该书深刻地描绘了当时的社会现实,是魔幻现实主义的开创作品。 </div> </body> <script> </script> </html>
只要思想不滑坡,办法总比困难多!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战