marginTop:20 为什么不带单位？

Question

老师，这里为什么没带单位？还生效了，我不带为什么不生效？

Answer 1

阿莱克斯刘 7天前

在 JSX 代码中，`marginTop: 20` 没有带单位却仍然生效，这是因为在 React 的内联样式中，数值会被默认解释为以像素为单位。例如，`marginTop: 20` 相当于 `margin-top: 20px`。这是 React 的设计特点，专为内联样式优化，简化了代码书写。

然而，如果你尝试不带单位但不生效的情况，可能是
你的浏览器版本太低，或者是拼写错误，或者是css样式优先级冲突。

如有还是不行，直接加上单位。例如 `marginTop: '20px'`。

• 提问者 linda89757 #1

  我的要加上单位