css样式中的三分之一怎么写 33.33%吗?比如在一个ul中设定三个同等大小的li,宽度怎么设定?

html-css023

css样式中的三分之一怎么写 33.33%吗?比如在一个ul中设定三个同等大小的li,宽度怎么设定?,第1张

css3有个display:flex的属性

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标准,不是什么浏览器都适用的哦!