图标浮动之间的相等间隙问题

IconList.jpg (105.44 KB)

<style> .opaque-amenities {font-size:11px; list-style:none; margin:0; padding:0; width:450px;} .opaque-amenities li {list-style:none; display:-moz-inline-stack; display:inline-block; vertical-align:top; zoom:1; *display:inline; text-align:center; margin-top:8px; margin-left:8px; *width:70px; max-width:70px; background-color:#f00;} .icon-amenities { background:url("/static/default/default/images/hotResult/assetsSprite.png") no-repeat 0 0; height:22px; font-size:0; display:inline-block; } .label-amenities {font:normal 10px arial; color:#666; display:inline-block;} </style> <ul class="opaque-amenities"> <li> <span class="icon-amenities iconAmnt-fitness">图标</span><br> <span class="label-amenities">Fitness Center<!--图标注释文字--></span> </li> <li> <span class="icon-amenities iconAmnt-airport"><!--图标--></span><br> <span class="label-amenities">Airports Shurttle<!--图标注释文字--></span> </li> <li> <span class="icon-amenities iconAmnt-airportTransfers"><!--图标--></span><br> <span class="label-amenities">Airport Transfers Included<!--图标注释文字--></span> </li> <li> <span class="icon-amenities iconAmnt-business"><!--图标--></span><br> <span class="label-amenities">Business Center<!--图标注释文字--></span> </li> <li> <span class="icon-amenities iconAmnt-kitchen"><!--图标--></span><br> <span class="label-amenities">Kitchenette<!--图标注释文字--></span> </li> <li> <span class="icon-amenities iconAmnt-equippedKitchen"><!--图标--></span><br> <span class="label-amenities">Fully-equipped Kitchen<!--图标注释文字--></span> </li> <li> <span class="icon-amenities iconAmnt-internetAccess"><!--图标--></span><br> <span class="label-amenities">High-Speed Internet Access<!--图标注释文字--></span> </li> <li> <span class="icon-amenities iconAmnt-premlum"><!--图标--></span><br> <span class="label-amenities">Premium Brand Beverages Included<!--图标注释文字--></span> </li> <li> <span class="icon-amenities iconAmnt-food"><!--图标--></span><br> <span class="label-amenities">Food and Beverages Included<!--图标注释文字--></span> </li> </ul>
 提示：您可以先修改部分代码再运行