1.word-wrap：break-word 和 word-break：break-all属性：
word-wrap：break-word 允许在单词内进行断句。
word-break:break-all断句的方式非常粗暴，它不会尝试把长单词挪到下一行，而是直接进行单词内的断句
例如:不加word-wrap或word-break的时候，就是浏览器默认的时候，如果有一个单词很长，导致一行中剩下的空间已经放不下它时，则浏览器会把这个单词挪到下一行去：
image.png
word..d 这个我们创造出来的单词本来应该紧接在 long 后面的，但是long后剩下的空间已经不够了，而单词默认是不能断开的，所以浏览器就只好把它屈尊下移了。
这个长单词还不算变态的，因为至少它没有长到超过包裹它的元素的长度，但是如果超过了呢？
image.png
如果超过了就像前面我们提到过的，它会溢出它的父容器外，因为这时它是不允许被截断的，那就只能冲出去咯。
这样，为了防止长单词溢出，就在它的内部断句了。这就是 word-wrap:break-word 的功能.
image.png
现在我们来看看使用 word-break:break-all; 后会怎么样。
image.png
长单词并没有被挪到下一行，而是直接放在了long后面，然后在父容器的右边界断开了。
2、在每个页面种加载通用模块的方法:jquery的.load方法
在做项目的时候，我们想要复用重复的头部和底部(即公用的header和footer的部分)，可以每个页面都复制一遍，但是不够简洁，这时候我们需要一种方法来实现复用。
jquery有一个.load方法，
用法是:
$(#abc).load('../template.html')
在id为abc的div所在的页面中加载用来复用的页面(相对路径)
但是我们在用这个方法的时候遇到一个问题，就是，这个方法是通过ajax请求来获取的，所以会遇到跨域的问题。我们单独这样使用，页面是不会有显示的。
解决方法之一是:
将项目配在服务器上打开。假如用的nginx，我们去对nginx进行配置，这样就可以通过在地址栏输入地址的方式，打开实现复用。
网友评论