图片列表换行错位,图片无法左对齐怎么办

图片与文字标题组成的无序列表,会因为标题长度的不同,而出现换行.这样就出现图片无法左对齐的问题.

可以这样,

一,加上这个css样式

.nowrap{white-space:nowrap;overflow:hidden;}

二,或用程序逻辑判断.比如循环到第四个图片时,添加一个hr换行符标签.

hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:10px 0;border:none;-moz-box-sizing:content-box;box-sizing:content-box;}
hr.space{background:#fff;color:#fff;visibility:hidden;}