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