CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)

   

1.文本单行情况下溢出显示省略号

单行情况下需要满足大条件:

1. 文本先强制一行显示文本
2. 文本超出的部分隐藏
3. 文本超出的部分用省略号代替

 




   
    单行文本溢出省略号
   


   


        学习前端是一件快乐的事情!
   


 

2.文本多行情况下溢出显示省略号

注意:多行文本溢出显示省略号有较大的兼容性问题,适合于webKit浏览器或移动端(移动端大部分是webKit内核)




   
    多行文本溢出省略号
   


   


        学习前端是一件快乐的事情,大家一起努力,早日学懂!
   

你可能感兴趣的:(CSS,web前端,css,前端,css3)