場景:
成都創(chuàng)新互聯(lián)從2013年開始,先為從江等服務(wù)建站,從江等地企業(yè),進行企業(yè)商務(wù)咨詢服務(wù)。為從江企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
這種圖片滾動的指示條,并不知道有幾張圖片,也就是指示條數(shù)量不確定,指示條需要根據(jù)數(shù)量要自適應寬度。
這種圖片大小固定,然后中間的鏈接線可以拉長縮短。
解決方案:
1、利用table布局,table布局,這種布局不管設(shè)置了table-layout與否,都會自動計算沒有設(shè)置寬度的td,讓其適應屏幕,對于場景1,直接使用即可,不需要設(shè)置任何td的寬度;對于場景2,將圖片的td設(shè)置一個寬度,線條的不設(shè)置。
2、利用css3的box flexd布局(彈性布局),對于這種布局的使用這里不做介紹