![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
眾K
这个作者很懒,什么都没留下…
展开
-
边框线跟主体宽度不一致
如这种都在一个盒子里,设置边框长度不要跟主体长度一致 .choose_tab { color: $theme-color; font-weight: bold; font-size: 40rpx; color: #323843; display: flex; flex-diretion: column; flex-wrap: wrap; // border-bottom: 10rpx solid #6898ff; } .choose_.原创 2021-10-18 14:25:31 · 137 阅读 · 0 评论 -
解决移动端键盘影响布局样式
H5在手机端,尤其是安卓手机,如果用了定位或者用了百分比的元素,很容易在键盘弹起后引起页面错乱 解决 let height = document.body.clientHeight; let a = document.getElementsByClassName("main"); a[0].style.height = height - 20 + "px"; ...原创 2020-11-24 15:08:46 · 526 阅读 · 0 评论 -
CSS3----transform,animation
css3 transform属性 CSS3----转换(旋转)transform 3d transform的(x、y、z)坐标空间及位置原创 2020-06-05 17:18:11 · 105 阅读 · 0 评论 -
让滚动条自动滚动
let box = document.getElementById(“box”); var atime = setInterval(function() { // 清理定时器时使用 var oldTop = box.scrollTop; //获得老位置 var newTop = oldTop + 5; //得到新位置 box.scrollTop = newTop; //将计算的新位置进行赋值,使滚动条移动 }, 50); //循环时间 ...原创 2020-05-25 19:38:46 · 571 阅读 · 0 评论 -
CSS 元素超出部分滚动, 并隐藏滚动条
overflow-x: hidden; overflow-y: scroll;原创 2020-02-13 23:04:34 · 459 阅读 · 0 评论 -
CSS控制文字,超出部分显示省略号
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;原创 2020-02-13 23:03:39 · 62 阅读 · 0 评论 -
鼠标指针改变
CSS改变鼠标指针形状的方法: <style type="text/css"> .a{ cursor:hand } /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/ </style> <div class=”a”>欢迎您到百洋软件研究实验室listly的博客来做客</div> 也可以直接将样式表写在div标签中效果是...原创 2019-12-12 15:29:00 · 174 阅读 · 0 评论