乱七八糟小知识总结

1、默认情况下，页面上有多个空格只会展示一个，可以用 css 修改

word-wrap: break-word;
word-break: break-all;
white-space: pre-wrap;

2、$(window).resize(function () {}）监控浏览器窗口缩放

3、IE 10 以上，password 类型的 input 在右方会有一个 小眼睛，点击显示明文，text 类型的 input 右方会显示 X ，方便清楚input 内的文本，去掉这两个浏览器自带功能，可用 css 改变

input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
//其中 ::-ms-clear 是文本清除按钮，也就是input右方的叉叉 ::-ms-reveal是密码查看按钮，也就密码框右边的小眼睛。
当然，也可以单独清除其中一项。

4、z-index 不生效的原因：（z-index 只能在 定位元素 上生效）

1）设置了浮动
2）问题标签没有设置 position

5、默认情况下，页面上有多个空格只会展示一个，可以用 css 修改

word-wrap: break-word;
word-break: break-all;
white-space: pre-wrap;

6、input 为 number 类型的时候，右边会有个上下箭头可以点击增加或减少，css 可将他去掉

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
		 -webkit-appearance: none;
}
input[type="number"]{
		-moz-appearance: textfield;
}