»
网络技术 »
CSS控制文字文本超过宽度或高度自动隐藏 ![CSS控制文字文本超过宽度或高度自动隐藏-极客公园]()
前言
刚刚在做css的时候发现需要对文字隐藏,所以这里记录下,下次好使用。
CSS代码
.text1 {
word-break: keep-all;/*不换行*/
white-space: nowrap;/*不换行*/
overflow: hidden;/*多余隐藏*/
text-overflow: ellipsis;/*用省略号补足*/
}
/*上面是超过宽度隐藏*/
.text2 {
max-height: 81px;/*直接限制最高高度,根据文本高度自己试验*/
overflow: hidden;/*超过隐藏*/
}
/*上面是超过高度隐藏*/
-- 完 --
Published by 云落
无折腾,不生活,我是一个WordPress菜鸟,一个玩淘宝的卖家,欢迎你认识我,我是云落! View all posts by 云落