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

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实现文字不换行溢出显示省略号的详细内容，更多内容请关注技术你好其它相关文章！