摘要: 总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕,于是决定做个图来区分一下(画得我手那个酸呀。。。。) 先总结下区别: event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视 阅读全文
posted @ 2017-02-13 14:23 moonbing 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 首先,我们来设置一个宽高为100px的容器,此时,容器未出现滚动条,clientWidth,offsetWidth,scrollWidth的大小都为100px,即容器的宽 然后,在input中输入一定字符串,直到出现横向滚动条时,发现了scrollWidth宽度变为了208,即第4行宽度 继续输入, 阅读全文
posted @ 2017-02-13 14:01 moonbing 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 你真的了解word-wrap和word-break的区别吗? 这两个东西是什么,我相信至今还有很多人搞不清,只会死记硬背的写一个word-wrap:break-word;word-break:break-all;这样的东西来强制断句,又或者是因为这两个东西实在是太拗口了,长得又差不多,导致连背都很难 阅读全文
posted @ 2017-02-13 11:13 moonbing 阅读(108) 评论(0) 推荐(0) 编辑