文本超过宽度,显示...

我们经常会在样式中需要显示点点点,分两种情况

一、单行文本

三句话,给这个元素设置css{

overflow: hidden;//超出隐藏

text-overflow: ellipsis;//当文本溢出包含它的元素时,显示省略符号来代表被修剪的文本

white-space: nowrap;//不换行

}

二、多行文本

多行文本,我一般会使用切割字符的方式,就是用正则截取它的字符串数,但是这样做有一个缺点,就是中英文字符占的像素大小不一样,在展示上就会占地不一样,当然,如果你引用插件就不一样了,它可以根据元素宽度,而不是字符串的长度。

posted @ 2018-07-04 22:03  rose_j  阅读(242)  评论(0编辑  收藏  举报