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列表的背景颜色为蓝色的相同颜色……

标签：01,22,样式,margin,缝隙,li,2021,设置,border
来源： https://blog.csdn.net/qq_51141502/article/details/112995037