无法设置按钮之间的边距

Question

我是 React 新手，不明白为什么我的按钮样式不能应用 css 规则。

我有一个带有className="btn yellow" 的按钮和另一个带有"bnt red" 类的按钮，用于更新和删除操作。我需要在它们之间留出余量。

<button className="btn yellow">Update</button>
<button className="btn red btnmargin">Delete</button>

我已经用margin-left:10px 定义了名为btnmargin 的类，但它不起作用。

请帮忙！

Answer 1

在常规 HTML 中，我们可以只添加一个空格，就像在句子中的单词之间添加空格一样。但这在 React JSX 中不起作用。当视图在浏览器中呈现时，空间将消失。