首页
关于
归档
留言板
友链
工具
更多
壁纸
视频
Search
1
TypeError: Cannot read properties of undefined (reading 'map')
2,127 阅读
2
fail api scope is not declared in the privacy agreement
1,609 阅读
3
el-input自动获取焦点(element-ui)
884 阅读
4
组件封装时判断slot是否存在
833 阅读
5
vscode代码切换大小写的教程
750 阅读
小程序
其他
服务器
开发
Vue
uni-app
React
登录
Search
标签搜索
VUE
javascript
小程序
react
wxapp
uni-app
vue3
HTML
CSS
富文本
npm
Vuex
GIT
Element-UI
Linux
上传图片
cookie
localStorage
sessionStorage
内网穿透
Chris
累计撰写
107
篇文章
累计收到
6
条评论
首页
栏目
小程序
其他
服务器
开发
Vue
uni-app
React
页面
关于
归档
留言板
友链
工具
壁纸
视频
搜索到
4
篇与
CSS
的结果
2022-05-26
多行文本溢出显示省略号(…)全攻略
大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。css 代码:overflow: hidden;text-overflow: ellipsis;white-space: nowrap;但是这个属性并不支持多行文本溢出显示省略号,这里根据应用场景介绍几个方法来实现这
2022年05月26日
110 阅读
0 评论
0 点赞
2022-05-12
css实现文字分散显示
css实现文字分散显示为文字所在的容器添加如下属性即可div { text-align-last:justify; text-align:justify; text-justify:distribute-all-lines; // 这行必加,兼容ie浏览器 border: 1px solid red; width: 150px; }
2022年05月12日
130 阅读
0 评论
0 点赞
2022-01-03
适配iphoneX底部安全区
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"><div class="bottom-btn-wrap"> //外面包一层 <div class="main_btn2"></div> //这个是按钮 <div class="placeholder-btn"></div> </div>.PlanBookbxModule .bottom-btn-wrap { position: fixed; left: 0; right: 0; bottom: 0; } .PlanBookbxModule .main_btn, .PlanBookbxModule .main_btn2 { width: 100%; box-sizing: border-box; height: 2.34667rem; padding-bottom: env(safe-area-inset-bottom); background-repeat: no-repeat; background-size: 100% 100%; } //这里是下面安全区 为了不让iphoneX下面的横杠不遮挡按钮或者图片 .PlanBookbxModule .placeholder-btn { height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom); background: #fff; } #root { padding-top: env(safe-area-inset-top); padding-right: env(safe-area-inset-right); padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); box-sizing: border-box; }
2022年01月03日
140 阅读
0 评论
0 点赞
2021-10-08
移动端显示 滚动条
::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 12px; } ::-webkit-scrollbar:horizontal { height: 12px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条)::-webkit-scrollbar-track 滚动条的轨道(里面装有Thumb)::-webkit-scrollbar-button 滚动条的轨道的两端按钮,允许通过点击微调小方块的位置。::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分(除去)::-webkit-scrollbar-corner 边角,即两个滚动条的交汇处::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件参考地址:http://www.cnblogs.com/520yang/articles/5098352.html
2021年10月08日
110 阅读
0 评论
0 点赞