aside { overflow:hidden } div { display:inline-block; margin-top:15px; } i { font-size:14px; color:#666; font-style:normal; } span { display:inline-block; width:55px; height:24px; text-decoration:none; color:#039; border-radius:2px; font-size:14px; line-height:24px; text-align:center; } span:hover { cursor:pointer; } .mystyle { color:#f60; background-color:#f3edc2; } .last { float:left; color:#666; font-size:14px; margin-top:20px; } #yi { display:inline-block; } #yi span { margin-left:10px; color:#f60; background-color:#f3edc2; }
有三个筛选条件,每次每中一个会在下方已选择中显示出你所选择的元素,点击当前行的其它元素会在相当位置替换掉原来选择的元素。可以任意增加div组合的行数及每行中元素的个数。不用修改js.