项目开发中，有时候内容过多的话，需要显示滚动条，所以我们设置了overflow-x: scroll;。
.progressList {
width: 400px;
position: relative;
height: 74px;
overflow-x: scro...
yekong
10个月前 (01-26)
喜欢
在数据大屏项目开发中，有一些异形背景图为了更好的适配，会将图片切割成小块，然后再拼接以进行适配，但是在实际开发中会出现一种情况，就是在一些分辨率或者一些不同宽高比的情况下，会有一条黑线.
在不同分辨率下，div拼接出现黑线的问题可能是由于浏览器的渲染引擎在处理像素时的舍入误差导...
yekong
11个月前 (12-21)
喜欢
当你设置了letter-spacing后，文字可能会出现不居中的情况。这是因为letter-spacing属性会在每个字符之间添加额外的空间，这可能会影响到文本的对齐方式。
解决这个问题的一种方法是使用text-indent属性。text-indent属性可以设置文本块的首行文本...
yekong
11个月前 (12-19)
喜欢
之前我们遇到异形背景并且需要适配大小的时候使用过类似九宫格的思路，js 九宫格图片背景大小及定位生成，但是在一些复杂的情况比如类似下图，使用九宫格的方式也不是很方便，今天换一种思路使用flex的方式来实现。
实现代码
/**
* @Author: 858834013@qq.co...
yekong
12个月前 (12-10)
喜欢
数据可视化大屏项目开发中，当父元素设置了display: flex;后，子元素指定宽度无效，文字仍然会超出边界外。
解决办法
给元素添加min-width: 0;属性，这样元素的宽度就不会超过你设置的值了。
修改前
.tableBody2 {
height: 32p...
yekong
12个月前 (12-03)
喜欢
CSS的z-index属性的最大层级是±2147483647。这意味着你可以将z-index设置为任何介于-2147483647和2147483647之间的整数。然而，实际上在大多数情况下，你可能不需要使用这么大的z-index值。在CSS代码库中，你通常会看到z-index值为...
yekong
12个月前 (11-29)
喜欢
我们在下载字体文件后会发现字体有很多种，格式也各不相同eot woff2 woff otf ttf都有，导致我们不知道如何引入了！
这里我们可以使用CSS的@font-face规则来引入多种字体文件格式。这样做的好处是，不同的浏览器可以选择支持的最佳文件格式来加载字体。以下是如何...
yekong
1年前 (2023-09-17)
喜欢
数据可视化大屏开发中，只是纯色的图标看起来会单调一些，所以设置一个从上到下的颜色渐变效果。
html
<i class="icon iconfont" :class="item.icon"></i>
css
.i...
yekong
1年前 (2023-09-13)
喜欢
数据可视化大屏项目中，会给图标增加一些旋转动画效果作为装饰，今天通过css来实现一个旋转动画效果。
动画效果
<div class="icons">
<div class="iconBg"></di...
yekong
1年前 (2023-09-13)
喜欢
要从左到右创建多段背景色渐变，您可以在linear-gradient中定义多个颜色停靠点。每个颜色停靠点都可以有一个与其相关的位置，这决定了该颜色在渐变中的位置。
以下是一个示例，展示了如何从左到右创建一个多段的渐变，从红色到黄色（在25%的位置），然后到绿色（在50%的位置），...
yekong
1年前 (2023-09-12)
喜欢
