使用CSS属性实现单行文字显示省略号

1、给p标签设定一个固定宽度

2、让内容溢出不换行

/*让内容溢出不换行*/white-space:nowrap;

3、让超出的内容隐藏

/*让超出的内容隐藏*/overflow:hidden;

4、让超出的内容用省略号显示

/*让超出的内容用省略号显示*/text-overflow:ellipsis;

5、小结 : 使用white-space,overflow,text-overflow需要同时设置,缺一不可,并且需要给元素设置宽度