2021-01-22

CSS开发&使用过程遇到的奇葩问题

1. 使用了CSS3的transform的rotate等样式,当时没有发现缝隙问题,但是过了一段时间再次查看页面时,就发现出现了缝隙,让人很不爽;

(1)问题: 这是旋转出现的li样式设计,再次查看这个效果时出现的缝隙问题:(其中一个li 搞特殊,给我出现这个难看的空白缝隙)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

(2)解决方法:
① 做法:试了再次显式设置li元素的display:block;都无效,border: none; border:
……;等都无效后,我想到的就是扩大一下所有li 之间的缝隙,使用margin-top
或margin-bottom,设置得大一点,就从视觉上掩盖那个缝隙的大小,得到的效果如下: ② 结果:这样,li 之间的缝隙/间距看起来就均匀一些了。当然,另外的解决方法:也可以设置一下包含那些 li 的那一整个 ul列表的背景颜色为蓝色的相同颜色……
在这里插入图片描述

在这里插入图片描述

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页