随笔分类 -  CSS

常见样式
条形时间段实现（视频漏录）
摘要：需求截图： 截图说明：上半部分为antd的手风琴效果，内容为视频漏录的时间段；下半部分为条形时间段（css实现） 下半部分视频漏录时间长条实现思路： 漏录条和底部时间分别为两个div 漏录条div ① div1： 宽度为100%，背景颜色：灰色 ② div2： 漏录时间片段，背景颜色：红色 ③ 漏录 阅读全文
posted @ 2022-07-12 17:15 Freakzzz 阅读(55) 评论(0) 推荐(0) 编辑
小图标与文字对齐
摘要：文字前面加小图标时默认是对不齐的，此时可以利用垂直居中的方法进行对齐。 效果图如下： 图标大小：19*19 父容器高度：19 图标用<span></span>标签包起来，然后设置垂直居中 核心代码： <div style="padding: 10px; color: #888; height:19p 阅读全文
posted @ 2022-01-25 10:55 Freakzzz 阅读(151) 评论(0) 推荐(0) 编辑

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