解决图片的3像素的问题

图片3像素的问题,是一个笼统的概念,主要是指在页面上图片和文本,或其他行内标签与数据在页面上水平方向的对齐方式问题,如下图:

图中黄色框画出来的就是图片和文本,文本与其他的标签在水平线上的存在的差异,说白了就是底部没有对齐,在页面表现出来就是底部对不起。但这个差异不一定都是3像素。

主要原因:图片、文本、其他标签的底部基准线对齐方式的问题

解决办法:使用vertical-align,将他们的基准线对齐方式统一改为bottom,即可解决三像素差异问题

猜你喜欢

转载自blog.csdn.net/baozi7263/article/details/122308826