css 如何让文字不换行以及宽度文字能换行,英文不能换行的解决办法

1.css如何让文字不换行

css white-space属性
white-space属性指定元素内的空白怎样处理。

属性值：
normal：默认值。空白会被浏览器忽略。
pre：空白会被浏览器保留。其行为方式类似 HTML 中的

 标签。

nowrap：文本不会换行，文本会在在同一行上继续，直到遇到 
 标签为止。

pre-wrap：保留空白符序列，但是正常地进行换行。

pre-line：合并空白符序列，但是保留换行符。

示例：

1.white-space:nowrap和normal一样，也合并空格，但是不会根据容器大小换行，表示不换行。

2.white-space:nowrap会导致文本不换行，经常和overflow,text-overflow一起使用

1.css 宽度文字能换行,英文不能换行

1. word-break:break-all;只对英文起作用，以字母作为换行依据
2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据