CSS|文本溢出隐藏(css字体溢出)

目录

一、单行文本溢出隐藏

二、多行文本超出指定行数隐藏

推荐整理分享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; （多余部分隐藏）