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

css实现文字不换行溢出显示省略号

css文字不换行溢出显示省略号的实现方法:首先打开css样式表;然后通过属性“white-space:nowrap;”实现文本强制不换行;接着通过“text-overflow:ellipsis;”实现文本溢出显示省略号即可。

css文字不换行溢出显示省略号的实现方法:首先打开css样式表;然后通过属性“white-space: nowrap;”实现文本强制不换行;接着通过“text-overflow:ellipsis;”实现文本溢出显示省略号即可。

推荐:《css视频教程》

1. 强制不换行

  • white-space: nowrap; 文本强制不换行;

  • text-overflow:ellipsis; 文本溢出显示省略号;

  • overflow:hidden; 溢出的部分隐藏;

2. 自动换行

  • word-wrap: break-word;

  • word-break: normal;

3.强制英文单词断行

word-break:break-all;

以上就是css实现文字不换行溢出显示省略号的详细内容,更多请关注 第一PHP社区 其它相关文章!

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