Question

我经常使用CSS3 flexboxes - 它们可以实现简单灵活的布局。 CSS沿着

行

-webkit-box-flex: 4;
-moz-box-flex: 4;
-ms-flex: 4;
-webkit-flex: 4;
flex: 4;

绝不是问题。但是，我现在遇到需要提供浮点值的情况。我的意思是

-webkit-box-flex: 4.1;
-moz-box-flex: 4.1;
-ms-flex: 4.1;
-webkit-flex: 4.1;
flex: 4.1;

快速而肮脏的实验测试 - 对控制台中的CSS进行热门编辑，然后使用PicPick像素标尺在Chrome和Firefox中进行宽度测量 - 表明这是有效的。但是，我还没有找到任何确定的信息 - 我尝试了W3C文档，但发现它们有点密集。永远可靠的caniuse也没有明确说明这一点 - 关于这个问题。有人可以告诉我这些小数值是否可以安全地用于今天的大多数主流浏览器吗？

Answer 1

根据Mozilla文档https://developer.mozilla.org/en-US/docs/Web/CSS/flex，它需要number值 - 根据MDN文档包含非整数。所有有效数字值：

12          A raw <integer> is also a <number>
4.01        A positive non-integer <number>
-456.8      Negative non-integer <number>
0.0         Zero
+0.0        Zero, with a leading +
-0.0        Zero, with a leading - (Though strange, this is an allowed value)
.60         Digits are optional before the dot
10e3        The scientific notation is allowed
-3.4e-2     Most complex case of scientific notatio

CSS3 Flex只能采用整数值吗？

1 个答案: