marginTop:20 为什么不带单位？
来源：5-6 【主页开发】走马灯与侧边栏多重菜单
linda89757
2025-03-27
老师，这里为什么没带单位？还生效了，我不带为什么不生效？
写回答
1回答
-
阿莱克斯刘
2025-03-29
在 JSX 代码中，`marginTop: 20` 没有带单位却仍然生效，这是因为在 React 的内联样式中，数值会被默认解释为以像素为单位。例如，`marginTop: 20` 相当于 `margin-top: 20px`。这是 React 的设计特点，专为内联样式优化，简化了代码书写。
然而，如果你尝试不带单位但不生效的情况，可能是
你的浏览器版本太低，或者是拼写错误，或者是css样式优先级冲突。
如有还是不行，直接加上单位。例如 `marginTop: '20px'`。012025-03-29
相似问题
dispatch（action）报红
回答 2
老师，为什么要将原价和折扣提出来呢？
回答 2