css如何实现文字强制不换行(自动换行)

css如何利用white-space对文字强制不换行/超出自动换行,下面编程教程网小编给大家详细介绍一下代码!

强制换行

word-break:break-all;//英文
white-space:pre-wrap;//中文

强制不换行

white-space:nowrap;

说明介绍:

word-break:break-all;只对英文起作用,以字母作为换行依据
word-wrap:break-word; 只对英文起作用,以单词作为换行依据
white-space:pre-wrap; 只对中文起作用,强制换行
white-space:nowrap; 强制不换行,都起作用
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现 
以上是编程学习网小编为您介绍的“css如何实现文字强制不换行(自动换行)”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。

本文标题为:css如何实现文字强制不换行(自动换行)

基础教程推荐