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