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

html-css024

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