随笔分类 -  css

记录常用css样式
摘要:/* animation */ .a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease; 阅读全文
posted @ 2021-09-09 17:32 谢书怜 阅读(195) 评论(0) 推荐(0)
摘要:https://www.html5tricks.com/tag/loading%E5%8A%A8%E7%94%BB https://www.webhek.com/post/css3-loading-animation.html 阅读全文
posted @ 2021-07-13 14:47 谢书怜 阅读(284) 评论(0) 推荐(0)
摘要:html : <!-- 公告 --> <div class="notice-container" v-show="noticeList.length"> <span class="notice-icon"></span> <div class="notice-items" ref="noticeBo 阅读全文
posted @ 2019-12-31 11:50 谢书怜 阅读(398) 评论(0) 推荐(0)
摘要:CSS flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收缩的大小是依据 flex-shrink 的值。值为0 该元素不收缩 阅读全文
posted @ 2019-12-31 09:31 谢书怜 阅读(181) 评论(0) 推荐(0)
摘要:方法1:preventDefault 浏览器在移动端有一个默认触摸滚动的效果,让我们感触最深的莫过于微信浏览器里面,下拉时自带橡皮筋的效果。 然而在开发的时候我们经常需要阻止此效果。 在此先直接给一个方案,直接加上下面的代码即可: document.body.addEventListener('to 阅读全文
posted @ 2019-11-19 16:13 谢书怜 阅读(387) 评论(0) 推荐(0)
摘要:css 伪类 左箭头 阅读全文
posted @ 2019-10-14 10:31 谢书怜 阅读(1588) 评论(0) 推荐(0)
摘要:话不多说直接上组件代码。。 调用组件。。。 效果如下: 参考原文:https://blog.csdn.net/xqq580231/article/details/78086173 阅读全文
posted @ 2019-07-28 15:19 谢书怜 阅读(17490) 评论(0) 推荐(2)
摘要:给父框加overflow: hidden; 参考:http://www.manongjc.com/article/91.html 阅读全文
posted @ 2019-01-14 10:05 谢书怜 阅读(240) 评论(0) 推荐(0)
摘要:解决方法:修改element table 的css,添加 important 阅读全文
posted @ 2019-01-09 16:17 谢书怜 阅读(7164) 评论(0) 推荐(0)
摘要:转载自http://blog.sina.com.cn/s/blog_6e212cad0100mi11.html, 看到特别好用拿来记录一波。 宽度随内容: <input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this. 阅读全文
posted @ 2018-08-29 15:26 谢书怜 阅读(11089) 评论(0) 推荐(0)
该文被密码保护。
posted @ 2018-08-17 19:11 谢书怜
摘要:记录常用的css样式,对不了解的地方进行掌握。div span 超出显示成省略号: .title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; //规定段落中的文本不进行换行 word-break:keep-all; }多 阅读全文
posted @ 2018-08-07 17:14 谢书怜 阅读(240) 评论(0) 推荐(0)