部分代码如下:(涉及太多东西,我就把主要的拿出来)
<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,默认处理方式,文本自动处理换行,假如抵达容器的边界内容会转到下一行。
解决效果图