Javascript 纯HTML与React。相同的内容没有被同等地呈现。为什么？ 我使用的是Roundation 0.14和Foundation 5.5.2，在使用Foundation的时候发现了一个奇怪的东西。当我用纯HTML编写它们时，按钮组会填满整个水平空间，但当我使用React编写它们时，它们不会，即使我使用的是完全相同的代码

我使用了一些CSS-diff工具，它没有发现两者在样式上有任何区别。当我检查代码时，我也看不到任何区别。我也尝试过不同的浏览器，但问题仍然存在

我已创建以显示问题。如您所见，前两个按钮组跨越整个宽度，但不是React渲染的按钮组

.

---

两个呈现的HTML并不完全相同：普通HTML中的缩进呈现为

元素之间的空白，而React会删除该空白（它可能来自JSX transpiler）

在这把小提琴上，我通过在缩进周围添加HTML注释删除了空格，因此它将不再呈现：

---

现在，两个输出完全相同。

我将两者区别开来，HTML中唯一的区别似乎是

装入点

包装器div，但即使使用

作为包装器也不能解决问题……很好的回答，除了“因为它不相关”这一点，因为它显然并不无关谢谢你的回答！