换行问题

这两天一直遇到一个问题就是中文会自动换行，而英文如果计算机认为你写的是一个特别长的单词时，是不会换行的，会超出你外面包的div也不会换行。

我现在的解决方法就是

1、如果中文不需要换行时，又没有设置外面包的div的宽度时 ，这个时候就会有个问题；假设你做了个模拟select标签的那种样式时 由于各个选项长短不一，当你选中短的时候，父元素的宽度就是当前那个短的宽度，就会导致下面比其长的选项折行，这个时候就破环了原本需要的效果。就需要设置中文强制不换行：white-space:nowrap;

2、英文如果计算机认为你写的是一个特别长的单词时，是不会换行的，会超出你外面包的div也不会换行，这个时候就需要用到强制英文换行：word-break:break-all;

同样的 还有  自动换行：word-warp:break-word;     

转载于:https://www.cnblogs.com/xiaorong-9/p/6141833.html