css
确认过眼神cxy
太懒
展开
-
css border 圆角 渐变
css 边框 圆角 渐变原创 2022-04-24 15:21:37 · 951 阅读 · 0 评论 -
element 组件中 el-form-item label= ‘vue介绍 (vue设置)‘ 强制换行
开发中 会遇到一些奇怪的标题,需要强制换行但是label 中没法用换行标签,特殊符号。怎么解决?html代码中文字换行<el-form-item class='singerH' label="vue介绍 (vue设置)"></el-form-item>定义样式 添加 white-space: pre-wrap;.singerH /deep/ { .el-form-item__label { white-space: pre-wrap; tex原创 2021-02-23 10:40:26 · 5956 阅读 · 0 评论 -
css display: flex 横向滚动
flex 实现横向滚动.css-flex { display: flex; height: 1.5rem; overflow: scroll; white-space:nowrap;}.css-self { margin-left: .22rem; background-color: darkgray;} <div class="css-jc"> <div class="css-flex"> <.原创 2020-10-15 11:44:40 · 3778 阅读 · 0 评论 -
css overflow: scroll 去滚动条后,低端手机有兼容问题,可以这样
// 去除滑动条,但是低端机有兼容性问题,可以最外层加个div,样式如:.css-jc.overflow::-webkit-scrollbar {display:none;} .css-jc { height: 1.55rem; padding: .2rem .4rem; overflow: hidden; } .css-main { overflow: scroll; font-size: 0; white-spac.原创 2020-10-15 11:39:44 · 502 阅读 · 0 评论 -
css display: inline-block 去间隙
display: inline-block注意点:父级元素 添加 font-size: 0; 去间隙。元素本身加 overflow: hidden; 去样式异常样式异常图加overflow: hidden;去掉默认间隙 父元素加 font-size: 0;原创 2020-10-15 11:31:55 · 123 阅读 · 0 评论 -
css display table 自适应高度、宽度问题
display: table; 外层定义宽高,里面内容自适应宽高。如果子元素是div,每列宽度不是等分。所以建议子元素用li 标签.css-table { display: table; height: 2rem; width: 5rem; } .css-table-bg { display: table-cell; vertical-align: middle; text-align: center; b.原创 2020-10-15 11:24:39 · 2874 阅读 · 0 评论 -
ios14系统 GIF图展示异常问题
ios14 更新以来,前端收到很多兼容性bug 其中 gif图展示异常就是一个。出现现象: gif每次切换时,背景色会变白色而不是透明。最后还是手写动画实现的gif效果,不能偷懒原创 2020-10-15 10:51:34 · 1434 阅读 · 0 评论