![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
花有重开时,人无再少年
前端小白
展开
-
滚动轴不占用滚动区域; 容器添加背景图片添加; 弹性盒模型align-self、order属性
易忘的CSS样式属性原创 2022-07-15 10:55:29 · 196 阅读 · 1 评论 -
JS中如何通过鼠标滚轮控制横向滚动轴滚动
// 滚动轴【鼠标】横向滚动let tabsContainer = document.querySelector(".workgroup-tabs");tabsContainer.addEventListener("wheel", (event) => { event.preventDefault(); tabsContainer.scrollLeft += event.deltaY;});<div class="workgroup-tabs"> <ul class原创 2022-05-11 16:44:04 · 2189 阅读 · 0 评论 -
给X系列手机设置安全区域
添加meta标签【viewport-fit的值为cover】<meta name="viewport" content="width=device-width,initial-scale=1.0, viewport-fit=cover"><div id="nav"> 视图区域</div>body { padding: 0; margin: 0; height: 100%; width: 100%;}#nav { width.原创 2022-04-21 14:52:36 · 272 阅读 · 0 评论 -
利用bootstrap的icon给input标签添加具有清空功能的图标【也可以用Font Awesome图标替代】
css代码:#clear-input-value { width: 30px; height: 30px; position: absolute; z-index: 100; cursor: pointer; display: inline-block; display: none; justify-content: center; align-items: center;}页面代码:<div class="input-group" id="input-wrapper"&g原创 2022-04-20 15:50:05 · 912 阅读 · 0 评论