場景:css
這種圖片滾動的指示條,並不知道有幾張圖片,也就是指示條數量不肯定,指示條須要根據數量要自適應寬度。css3
這種圖片大小固定,而後中間的連接線能夠拉長縮短。web
解決方案:
一、利用table佈局,table佈局,這種佈局無論設置了table-layout與否,都會自動計算沒有設置寬度的td,讓其適應屏幕,對於場景1,直接使用便可,不須要設置任何td的寬度;對於場景2,將圖片的td設置一個寬度,線條的不設置。
二、利用css3的box flexd佈局(彈性佈局),對於這種佈局的使用這裏不作介紹app