本周接到一个样式改动的需求,因为很多页面中图标字体与普通字体有没有纵向对齐,需要做出对齐的调整,原来的表现如下:
我这里有两种解决方案:
图标字体样式给出vertical-align:bottom
数字样式给出vertical-align:middle(因为原来的图标字体样式为vertical-align:middle)
因为第一种方案比较方便改动,这里我尝试了第一种方案。问题出在检查这里。我如何知道这样的改动不影响页面其他的样式?(如何知道哪些元素引用了该样式)。有没有什么黑科技呢^ω^求指教!
不管是方案 1 还是方案 2,都可能会影响到其他对齐正常的图标。
如果这个图标是你们自己制作的,那就可以考虑通过修改图标相对基线位置来调整对齐。
你不明白的话,直接找设计师说下就行了。