**display: inline-block**这是行排列很常用的属性。 不过,有个问题就是排列的元素会有间隙,各种padding=0,margin=0都没有用。 试了很久,能用的hack: 设置parent元素的 font-size: 0; ### picture tag 使用picture标签兼容webp格式,webp格式通常能比jpeg小25%左右,不过主流浏览器似乎之后 chrome和opera支持。。嗯 ### svg icon svg比位图文件小,自带响应式,并且可以做动画 ### td ellipsis [one-line-td-ellipsis](http://stackoverflow.com/questions/9789723/css-text-overflow-in-a-table-cell) To clip text with an ellipsis when it overflows a table cell, you will need to set the max-width CSS property on each td class for the overflow to work. No extra layout div's are required. ```css td { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ```