即
ul{width:100%display:flex}
ul li{flex:1}
这样就可以评分,但是兼容性较差,如果考虑到兼容性,将li设置成33.33%是可以的,但是会有一点点的空隙,但是不明显
css3写就不太清楚了,,,有点复杂,,,没做过。。loading,,,你做个,一直转圈的gif,就可以了,然后js做loading判断就行了,没有读取完成前就显示这个gif,读取完成就读取别的数据。。。。
比如宽度为父元素的50%加上5像素:width:calc(50% + 5px)
要注意加号(或减号)两边一定要加上空格!
再比如宽度是父元素的三分之一再减去3像素:
width:calc((100% / 3) - 3px)
乘号(或除号)两边可以不加空格,但建议最好加上!
此外必须注意这种方法属于css3标准,不是什么浏览器都适用的哦!