先给大家展示下效果图,如果感觉还不错,请参考实现代码。 一、每行固定个数:保证排版的美观 .list li{ width:20%;display:inline-block; *display:inline;*zoom:1;overflow:hidden; } 二、随页面宽度调整个数和大小:保证图文的可读性 .list li{ width:20%;display:inline-block; *display:inline;*zoom:1;overflow:hidden; } 1、媒体查询控制宽度 @media screen and (max-width:1280px){ .list-t