解决li超出ul不自动换行问题以及其他的文本自动换行

部分代码如下：（涉及太多东西，我就把主要的拿出来）

<li>
<a href="#">Tech Partners, Resellers, and Alliances</a>
</li>

做导航栏时会遇到，li里面a标签的文本内容超过了ul设置的宽度，没有换行。

解决办法：

1. word-wrap：break-word；
word-wrap属性默认值为normal，当最后一个单词写不下时，不会换行，而是写完这个单词，这时就会造成文本超出。所以我们给li或者li里面的a标签加上word-wrap:break-word，允许长单词或URL地址换行到下一行，意思是最后一个单词写不完时可以换到下一行接着写这个单词。
2.white-space:normal;
white-space默认值normal，默认处理方式，文本自动处理换行，假如抵达容器的边界内容会转到下一行。
解决效果图