<div style="letter-spacing: -1px">
css字体与字体之间的缝隙怎么调向左兼容
</div>
太久没用的东西,偶然用到,竟然忘记了,所以记录一下,加深一下印象
图片和行内块元素默认底线会和父级盒子的基线对齐,因此就会产生白色缝隙。
1.用vertical-align:middle | top| bottom等,让图片不和基线对齐。
上面3中对齐方式都可以
vertical-align不影响块级元素中的内容对齐,它只针对于行内元素或者行内块元素,特别是行内块元素, 通常用来控制图片/表单与文字的对齐。
2.将img通过display: block转为块级元素。
转为块级元素之后,就不存在和父级盒子基线对齐的问题了。
你在index.html的head/head之间加入style type="text/css"
*{margin:0pxpadding:0px}
style
再试试看,我个人觉得应该可以。呵呵。如果已经有style type="text/css" style直接把中间那一句放到这个标记里面就可以了。