当前位置:  首页  >  前端开发  >  CSS+DIV

cssellipsis不起作用怎么办

cssellipsis不起作用的解决办法:首先打开css;然后将属性“text-overflow:ellipsis”跟“overflow:hidden;”以及“white-space:nowrap;width:150px;”一起使用即可。

css ellipsis不起作用的解决办法:首先打开css;然后将属性“text-overflow:ellipsis”跟“overflow:hidden;”以及“white-space:nowrap;width:150px;”一起使用即可。

推荐:《css视频教程》

解决Css属性text-overflow:ellipsis 不起作用(文本溢出显示省略号)

使text-overflow:elipsis起作用:

想要使用css属性text-overflow:elipsis起到作用,样式必须跟overflow:hidden; white-space:nowrap;width:150px;一起使用

1、text-overflow语法:

text-overflow : clip | ellipsis

2、text-overflow参数说明:

clip: 不显示省略标记(...),而是简单的裁切

elipsis: 当对象内文本溢出时显示省略标记(...)

3、简单使用:


    
        
        测试页面
    

    
    
        
    

以上就是css ellipsis不起作用怎么办的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | json解析格式化 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有