文本超过宽度,显示...
我们经常会在样式中需要显示点点点,分两种情况
一、单行文本
三句话,给这个元素设置css{
overflow: hidden;//超出隐藏
text-overflow: ellipsis;//当文本溢出包含它的元素时,显示省略符号来代表被修剪的文本
white-space: nowrap;//不换行
}
二、多行文本
多行文本,我一般会使用切割字符的方式,就是用正则截取它的字符串数,但是这样做有一个缺点,就是中英文字符占的像素大小不一样,在展示上就会占地不一样,当然,如果你引用插件就不一样了,它可以根据元素宽度,而不是字符串的长度。