随便写点…

在一个div展示多个用户头像img文件时,外层用div,内层直接放img时要注意,当img作为行内元素自由排列时,每个img之间的间距会随着页面的字体样式设置改变而改变,这样在不同浏览器环境,字体显示不同的话,img可能会导致提前换行打乱布局的情况,这时最好设置img的display:block;全部当做会计元素处理。然后全部float:left; 这样才不会受默认边距的影响。查了资料,貌似是由于img行内元素本身有hspace 和 vspace 属性来设置边距的原因。

原文地址:https://www.cnblogs.com/flappyCoder/p/3636004.html