css文本超出部分用省略号表示


  以前我在面试中遇到过这个问题,当时没答上来,现在回答一下:

  1.设置三个属性:

    overflow:hidden   (超出部分隐藏)

               white-space:nowrap    (强制不换行)

               text-overflow:ellipsis     (文本超出用三个省略号代替)

  

  2.代码部分截图:

  

 

  3.最终效果:

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM