码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-06-30 12:25:46      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:ellipsis   src   ace   图片   alt   png   flow   ext   hit   

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

  1.设置三个属性:

    overflow:hidden   (超出部分隐藏)

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

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

  

  2.代码部分截图:

  技术图片

 

  3.最终效果:

  技术图片

 

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

标签:ellipsis   src   ace   图片   alt   png   flow   ext   hit   

原文地址:https://www.cnblogs.com/zhangnan35/p/11109210.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!