CSS
文章平均质量分 90
夏河始溢
垆边人似月,皓腕凝霜雪。
展开
-
三六、vue中使用animate.css
1.npm install animate.css –save2.main.js中引入 import animate from ‘animate.css’ Vue.use(animate) 3.页面中使用 <style type="text/css"> p { width: 300px; height: 300px; background: red; margin: 10原创 2017-08-01 13:46:18 · 9702 阅读 · 0 评论 -
三九、css清除页面滚动条
::-webkit-scrollbar { width: 0; height: 0; display: none; } 页面出现滚动条有时候可能影响布局、美观,只要在页面加入上面代码便可以清除。原创 2017-08-24 16:46:48 · 471 阅读 · 0 评论 -
四二、js操作DOM(dom)改变css3属性时封装方法使自动识别浏览器添加css3属性前缀
CSS3属性很多需要带各浏览器的前缀,当使用DOM操作来改变CSS3属性时代码会很多并且麻烦 一、封装prefixStyle.js let elementStyle = document.createElement('div').style let vendor = (() => { let transformNames = { webkit: 'webki原创 2017-09-15 10:51:32 · 843 阅读 · 0 评论 -
十九、css实现多行文本溢出显示省略号(…)
省略号在ie中可以使用text-overflow:ellipsis了,但有很多的浏览器都需要固定宽度了,同时ff这些浏览器并不支持text-overflow:ellipsis设置了,下文来给各位整理一下兼容各浏览器显示省略号教程。 大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。转载 2017-04-22 17:06:40 · 721 阅读 · 0 评论 -
五八、移动端input、textarea无法获取焦点
-webkit - touch - callout: none; . 阻止长按图片之后呼出菜单提示复制的行为 -webkit-text-size-adjust: none; . 禁用Webkit内核浏览器的文字大小调整功能。 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); . 避免点击a标签或者注册了click事件的元素时产生高亮 -webkit-原创 2018-02-01 18:30:20 · 5331 阅读 · 2 评论