这里的值不能用string进行自定义吗?

这里的值不能用string进行自定义吗?

这里的值不能用string进行自定义吗?

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

这个属性就是这样规定的,text-overflow属性只用来定义文本溢出时是否显示省略标记,并不定义文本不换行和溢出部分不显示,所以要实现溢出时产生省略标记的效果,必须得强制定义文本在一行内显示(white-space:nowrap;)和溢出部分文本隐藏不显示(overflow:hidden;)。

换行显示之后超出的部分就不能设置是否显示省略标记了。

提问者 ssszz 2019-03-12 12:15:20

还有,老师我之前一直理解的text-overflow属性是只要当文本溢出时使用就会自动将溢出文本用"..."代替,如下图:

http://img1.sycdn.imooc.com//climg/5c87310e00017e3503260235.jpg

这个图是写了超长的内容但我只设置了它的宽和高,所以我之前以为在这种状态下设置overflow:hidden;然后再设text-overflow:ellipsis;就会将溢出内容设置为“...”,可是我显然理解错了,我再回去看了一下发现只有横向溢出的文本这个属性才会生效,这是为什么啊老师。。

  • 提问者 ssszz #1
    我之前以为网络上许多搜索出来的结果后面+“...”就是这样实现的。。
    2019-03-12 12:17:30
好帮手慕星星 2019-03-12 12:06:38

你好,是可以进行自定义的,但是浏览器兼容性不好,也不常用。

可以在火狐浏览器下测试:

http://img1.sycdn.imooc.com//climg/5c87303c0001583406440367.jpg

效果:

http://img1.sycdn.imooc.com//climg/5c8730460001ead701860109.jpg

自己可以测试下,祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师