我觉得是因为元素添加一个字符并且line-height=0使得基线上移,从而使得元素也上移,而不用跟外面x的下边缘对齐
因为button默认是text-align:center;
默认是基线对齐
你把你的代码都复制出来,放到编辑器里面,然后在到浏览器里面预览。你会发现你那个图片的底部就像有那么一点点阴影的效果。个人觉得那个白色的不是空白,应该是图片的问题。你换张图片看看,就没有你说的留白的。你可以用下面的图片试一下。
基线没变的,还是原来的基线对齐,只是第二个span的框往下掉了半个文本高度,两个span框的相对位置变了。
温馨提示:请空降到05:26处观看
听着挺好的呀