我想把一个按钮放在离右角稍远的地方，像这样:
我怎么能这么做呢？
function App() {
return (
<div>
<Button variant="contained" color="secondary">Merhaba</Button>
</div>
);
}
这可以通过多种方式来完成，但它在很大程度上依赖于您现有的代码。
一种选择可以是:
button#hello { /* assuming id */
float: right;
}
另一种选择是:
#button-container { /* also assuming id */
text-align: right;
}
如果您使用flex，还可以使用:
#button-container { /* assuming id again */
justify-content: flex-end;
}
如果您共享一些代码结构，就会容易得多。
编辑
如果希望将按钮与容器稍微分开，可以添加Margin-Right:20px或类似的内容。 如果您添加一个您想要实现的目标的可视化示例，这将会有很大帮助。
您需要制作如下所示的flexbox容器。
.buttonbar {
display : flex;
flex-direction : row;
justify-content : center;
align-items : center;
}
function App() {
return (
<div class="buttonbar">
<Button variant="contained" color="secondary">Merhaban</Button>
<Button variant="contained" color="primary">Ya Ramadhan</Button>
</div>
);
}
希望有帮助，祝你好运！
