很多场景都可以抽象为oocss的media 5 Media Blocks 项目中也用的差不多了,不过最下面两个行内图标一直没这么做,如果能转换,必将节约不少的代码 考虑因素 要保证对齐效果(在某些项目中,视觉还原甚至比性能还重要) 面要考虑中文字体在各浏览器中的渲染差异,避开IE bug 现在的做法 目前的做法是inline-block的一个空标签来做图标,但和文字放一起在IE6中又会面对行高失效的Bug,解决方法有A fix to the IE6 line-height/replaced element bug,Microsoft Internet Explorer 6: Line-height / Replaced