![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
强身健体,清神醒脑
这个作者很懒,什么都没留下…
展开
-
vue2.6实现新闻滚动播放代码
vue2.x实现新闻列表垂直滚动效果。功能很基本,可自行扩展原创 2022-03-12 21:15:11 · 958 阅读 · 0 评论 -
解决高德地图的marker中文字过长时的换行问题
在全局css中设置,此设置也解决了marker文本过长时设置anchor效果偏差过大的问题.amap-marker-content{ white-space: nowrap;}原创 2021-04-09 11:39:57 · 1187 阅读 · 0 评论 -
关于flex:1的情况下,overflow:auto没有生效的说明
flex:1的元素的父元素必须保证高度或者宽度有具体的数值;如果父元素的高度或者宽度也是flex:1自适应的,那么子元素的overflow:auto就不会生效;.parent{ flex:1; // 没有具体数值不生效 height:calc(100vh - 100px); // 有具体数值 生效}...原创 2021-03-10 18:03:57 · 3711 阅读 · 0 评论 -
简单的按钮点击波纹动效
.ripple { position: relative; overflow: hidden; /*隐藏溢出的径向渐变背景 */ }.ripple:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background原创 2020-12-23 10:19:38 · 422 阅读 · 0 评论 -
css单行文本两边对齐
text-align: justify; text-align-last: justify;效果图原创 2020-12-22 10:50:31 · 152 阅读 · 0 评论 -
css grid布局实现瀑布流
在线demo,源码可直接查看原创 2020-12-16 17:32:08 · 2799 阅读 · 0 评论 -
web移动端实现响应式布局解决方案
1、移动端的响应式布局主要用到rem,并且rem要跟随页面的尺寸改变而不断调整,两者缺一不可。2、本文没有采用flexible方案,该方案主要是使用js监听window的size,进而改变rem数值;3、采用rem+vw是当前比较合适的解决方案;flexible.css// 对应750px稿图html{font-size:13.33333333vw}// 尺寸过大的兼容方案@media (min-width: 560px) { html { font-size: 54px; }原创 2020-06-02 22:55:52 · 497 阅读 · 0 评论