首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
常用CSS技巧
石小石Orz
创建于2024-04-19
订阅专栏
一些非常实用的CSS技巧,专注解决前端样式bug!
等 50 人订阅
共9篇文章
创建于2024-04-19
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
CSS换行最容易出现的bug,半天被提了两个😭😭
文字超出换行应该是大家项目中高频的css样式了,它也是非常容易出现样式bug的一个地方。 分享一下我工作中遇到的问题。前几天开发代码的时候,突然收到两个测试提的bug:
hover后元素边框变粗,样式被挤压?一招帮你解决,快收藏备用!
背景简介 大家好,我是石小石!最近开发中遇到这样一个需求: hover改变样式,边框由原来的1px变成2px。这太easy了! 但实际做完后,我们会发现一个问题,样式不够丝滑
快收藏!超实用标签title属性重写,让同事对你刮目相看
日常开发中,我们经常会遇到`hover文本`,显示其全部内容的需求。但是`原生的title属性`有两个很大的缺点
svg图片hover变色,一个指令居然就可以搞定!千万别在写两个控制显影了!
背景简介 在前端开发中,我们经常会遇到这样的一个需求:hover一个svg图片,svg展现不同状态的样式。 大家常见的写法就是引入两个颜色状态的svg,然后通过v-show控制显影 这样实现不是不可以
领导被我的花式console.log吸引了!直接写入公司公共库!
背景简介 这几天代码评审,领导无意中看到了我本地代码的控制台,被我花里胡哨的console打印内容吸引了! 老板看见后,说我这东西有意思,花里胡哨的,他喜欢!
我为展开收起功能做了动画,被老板称赞!
需求简介 这几天接了个新项目,需要实现下图中左侧边栏的菜单切换。这种功能其实就是一个折叠面板,实现方式多种多样。 实现上面的功能,无非就是一个v-show的事儿,但没有过渡,会显得非常生硬。想添加一些
vue救命技巧:你可能需要强制更新组件!
需求背景 这几天开发项目,做了一个可滚动的表格,表格用的是公司的组件。正常情况下,一切滚动行为正常。 但,当我通过页面内的操作改变表格高度时,bug出现了!如图,可以清楚的发现,滚动条滚动异常了!有一
CSS如何优雅的实现卡片多行排列布局?
在前端开发中,我们经常遇见这样的开发需求,实现多行排布的卡片,这些卡片宽度一般是固定的, 并且在不同大小的屏幕宽度下自动换行。
flex必看技巧:flex为1的父元素被子元素挤出屏幕怎么办?
在前端开发中,我们经常会遇到这样的布局:在一个容器中,排布有两个元素,A元素宽度固定,B元素宽度自适应,如下图: 我们的CSS也能随手捏来 上述代码中,我们使用flex: 1