首页 > 大型项目css样式改动应怎样调试?

大型项目css样式改动应怎样调试?

本周接到一个样式改动的需求,因为很多页面中图标字体与普通字体有没有纵向对齐,需要做出对齐的调整,原来的表现如下:

我这里有两种解决方案:

  1. 图标字体样式给出vertical-align:bottom

  2. 数字样式给出vertical-align:middle(因为原来的图标字体样式为vertical-align:middle)
    因为第一种方案比较方便改动,这里我尝试了第一种方案。问题出在检查这里。我如何知道这样的改动不影响页面其他的样式?(如何知道哪些元素引用了该样式)。有没有什么黑科技呢^ω^求指教!


不管是方案 1 还是方案 2,都可能会影响到其他对齐正常的图标。

如果这个图标是你们自己制作的,那就可以考虑通过修改图标相对基线位置来调整对齐。

你不明白的话,直接找设计师说下就行了。

【热门文章】
【热门文章】