下拉框里面的过长文字实现换行，不要省略号

下拉框里面的options有的因为文字过长，超出的部分就以…显示了，我们要是想看全文字不是很方面，我们一般的做法就是把下拉框给加长，但是当文字特别长的时候呢，我们此时就想通过换行来实现了。
通过：white-space: pre-wrap;就可以实现不显示省略号直接换行了。
div内容超出宽度自动换行，设置宽度之后，再设置word-break、word-wrap这两个属性即可。如果div里面的内容自动换行后，两行距离过远，可以设置line-height属性，控制行高。

div{
    width: 500px;
    /** word-break: normal(使用浏览器默认的换行规则)|break-all(允许在西文单词中换行)|keep-all(只能在半角空格或连字符处换行);通过该属性规定自动换行的处理方法，即遵循何种方式换行。 */
    word-break: break-all; 
    /** word-wrap: normal(只在允许默认的断字点处换行，浏览器默认)|break-word(在长单词或URL内部换行);通过该属性允许长单词或URL换行到下一行。 */
    word-wrap: break-word;
    /** 行高一般设置20-24px即可 */
    line-height:24px;
}