css实现强制不换行/自动换行/强制换行

转载https://www.cnblogs.com/aliyue/p/5703528.html

1. 强制不换行

div{
    white-space:nowrap;
}

2. 自动换行

div{
    word-wrap: break-word;
    word-break: normal;
}

3. 强制英文单词断行

 div{
    word-break:break-all;
 }

4. CSS设置不转行

overflow:hidden ;/*隐藏*/
white-space：normal;/* 默认*/
/*pre 换行和其他空白字符都将受到保护
nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象*/

5. 设置强行换行

word-break:normal ; /*依照亚洲语言和非亚洲语言的文本规则，允许在字内换行
break-all : 　该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 　与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法*/

6. 英文不换行

word-break: break-all;