位置: IT常识 - 正文
CSS|文本溢出隐藏(css字体溢出)
发布时间：2024-01-12CSS|文本溢出隐藏
本文链接地址:https://www.jiuchutong.com/zhishi/293783.html
转载请保留说明！
目录
一、单行文本溢出隐藏
二、多行文本超出指定行数隐藏
推荐整理分享CSS|文本溢出隐藏(css字体溢出)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:文本溢出的属性,css溢出文字隐藏显示省略号,css多行文本溢出隐藏,css多行文本溢出隐藏,css溢出文字隐藏显示省略号,css文本溢出隐藏,css溢出文字隐藏显示省略号,css 溢出,内容如对您有帮助，希望把文章链接给更多的朋友！
在我们编辑单行文本或者多行文本时文本溢出时，我们该如何进行隐藏呢？今天就来介绍一下单行文本溢出隐藏和多行文本超出指定行数隐藏的方法。
一、单行文本溢出隐藏width: 250px; （固定宽度）
white-space: nowrap; （不换行）
text-overflow: ellipsis; (省略号）
overflow: hidden; （多余部分隐藏）
二、多行文本超出指定行数隐藏display: -webkit-box; （兼容性）
-webkit-line-clamp:3;（指定显示行数）
-webkit-box-orient: vertical;（文本垂直排列）
overflow: hidden; （多余部分隐藏）
上一篇：小狐狸ChatGPT付费创作系统1.6.8独立开源版 + 公众号H5+小程序+VUE源码安装配置详细教程(小狐狸吧)
下一篇：医疗知识图谱问答系统（python neo4j)(医疗知识科普图片)
