**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; } ```