场景:css
这种图片滚动的指示条,并不知道有几张图片,也就是指示条数量不肯定,指示条须要根据数量要自适应宽度。css3
这种图片大小固定,而后中间的连接线能够拉长缩短。web
解决方案:
一、利用table布局,table布局,这种布局无论设置了table-layout与否,都会自动计算没有设置宽度的td,让其适应屏幕,对于场景1,直接使用便可,不须要设置任何td的宽度;对于场景2,将图片的td设置一个宽度,线条的不设置。
二、利用css3的box flexd布局(弹性布局),对于这种布局的使用这里不作介绍app