HTML5中去掉input number的右边上下箭头
html代码如下
<input type="number" style="width: 200px; height: 35px; margin: 20px;">
css代码如下
兼容Chorm浏览器的
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
}
兼容Firefox浏览器的
input[type="number"]{-moz-appearance:textfield;}
JavaScript中双叹号(!!)作用
经常看到这样的例子：
var a;
var b=!!a;
a默认是undefined。!a是true，!!a则是false，所以b的值是false，而不再是undefined，也非其它值，主要是为后续判断提供便利。
!!一般用来将后面的表达式强制转换为布尔类型的数据（boolean），也就是只能是true或者false;
文本不换行
white-space属性指定元素内的空白怎样处理。它有以下属性值：
-
normal：默认。空白会被浏览器忽略。
-
pre：空白会被浏览器保留。其行为方式类似 HTML 中的
<pre>标签。 -
nowrap：文本不会换行，文本会在在同一行上继续，直到遇到
<br>标签为止。 -
pre-wrap：保留空白符序列，但是正常地进行换行。
-
pre-line：合并空白符序列，但是保留换行符。
white-space属性可和overflow属性、text-overflow属性一起使用，使用文字不换行、超出部分隐藏并显示为省略号、
text-overflow: ellipsis;//省略号 overflow: hidden;//超出部分省略
