使用CSS Sprites過(guò)程中經(jīng)常會(huì)出現(xiàn)其他的樣式圖片出現(xiàn)在它不改出現(xiàn)的地方，如果用一個(gè)單獨(dú)的空標(biāo)簽來(lái)顯示，頁(yè)面中會(huì)產(chǎn)生很多無(wú)語(yǔ)義的DOM標(biāo)簽同時(shí)也會(huì)增加頁(yè)面DOM數(shù)。
2 回答
慕運(yùn)維8079593
TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超5個(gè)贊
我的做法是：
每行的高度由低到高，比如第一行圖標(biāo)20，第二行30，以此類推。
每行中的元素不斷向后擺放，不夠尺寸就擴(kuò)大畫布，而不是折行。
如果實(shí)在變化太大最好還是重新寫css的位置參數(shù)。
呼如林
TA貢獻(xiàn)1798條經(jīng)驗(yàn) 獲得超3個(gè)贊
大量的不同尺寸的圖標(biāo)，很容易出現(xiàn)這種情況，但在一個(gè)項(xiàng)目中，所有的圖標(biāo)保持相同的尺寸非常難，也不是必須的，多加一個(gè)空標(biāo)簽，并盡量使用短小的標(biāo)簽，如 em, i 。
在拼圖過(guò)程中，有統(tǒng)籌的劃分區(qū)域，如 16*16 的，32*32 的各一個(gè)區(qū)域并盡量余下空余位置，另外，圖標(biāo)之間，保留一定的空白。有利于日后圖標(biāo)增加的時(shí)可擴(kuò)性，空白位置所占文件大小，完全在可接受范圍。
添加回答
舉報(bào)
0/150
提交
取消