盒子垂直水平居中

1、定位 盒子宽高已知, position: absolute; left: 50%; top: 50%; margin-left:-自身一半宽度; margin-top: -自身一半高度; 2、table-cell布局 父级 display: table-cell; vertical-align: middle; 子级 margin: 0[...]

让图文不可复制

-webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none; 1、答案区域监听copy事件,并阻止这个事件的默认行为。2、获取选中的内容(window.getSe[...]

实现多行文本溢出显示...

display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; 适用范围:因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;注:<span class="hljs-numb[...]

audio元素和video元素在ios和andriod中无法自动播放

原因: 因为各大浏览器都为了节省流量,做出了优化,在用户没有行为动作时(交互)不予许自动播放; /音频,写法一 <audio src="music/bg.mp3" autoplay loop controls>你的浏览器还不支持哦</audio> //音频,写法二 [...]

JS 判断设备来源

function deviceType(){ var ua = navigator.userAgent; var agent = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; for(var i=[...]