随笔 - 58, 文章 - 0, 评论 - 6, 阅读 - 72611

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

随笔分类 -  css

摘要:一、pageX|pageY 当鼠标点击、按下、移动时触发,可获取到该值。 pageX|pageY:以页面左上角为基准点,相对于页面来说的。【当前鼠标触发点,距离页面左上角的距离,不会因为页面的滚动条的改变而改变】 二、clientX |clientY 当鼠标点击、按下、移动时触发,可获取到该值。 c 阅读全文

posted @ 2024-03-21 17:47 小白撸代码 阅读(555) 评论(0) 推荐(0) 编辑

摘要:/* 设置滚动条的宽度 */ ::-webkit-scrollbar { width: 10px; } /* 滚动条轨道 */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* 滚动条滑块 */ ::-webkit-scrollbar-thu 阅读全文

posted @ 2024-03-21 16:09 小白撸代码 阅读(156) 评论(0) 推荐(0) 编辑

摘要:一、offsetWidth|offsetHeight = 内容 + padding + border【不包括滚动条,overflow折叠起来的部分,相当于盒模型取掉marge】 offsetTop|offsetLeft表示元素本身距离父级定位元素的距离,如果父级元素没有定位就相对于body 二、cl 阅读全文

posted @ 2024-03-21 16:08 小白撸代码 阅读(294) 评论(0) 推荐(0) 编辑

摘要:多行文本省略号实现代码 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; //文本的行数,即显示几行文本。如效果图只显示3行其余出现.... overflow:hidden; } 效果图: 单行文本省略 阅读全文

posted @ 2019-11-20 11:13 小白撸代码 阅读(289) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示