react怎么让button在右边

具体问题：

我正在尝试将按钮调整到最右边但未成功。这是我的尝试。

 <Button variant="contained" style={{display: 'flex', justifyContent: 'right'}} color="primary" className="float-right" onClick={this.onSend}>

解决办法：

一：您需要将display flex添加到Button的父元素。

例如，请参见此处的沙箱： https : //codesandbox.io/s/testproviderconsumer-klcsr

class App extends React.Component {
  render() {
    return (
      <div style={{ display: "flex" }}>
        <button
          style={{ marginLeft: "auto" }}
        >
          Click
        </button>
      </div>
    );
  }
}
{{display: 'fl<i style="color:transparent">来源gaodai$ma#com搞$$代**码网</i>ex', justifyContent: 'flex-end'}}在父元素中定义，以对齐子元素中的项目。

二：我们还可以使用float属性进行对齐。

<Button variant="contained" style={{float: 'right'}} color="primary" className="float-right" onClick={this.onSend}>

更多相关技术文章，请访问搞代码网！

以上就是react怎么让button在右边的详细内容，更多请关注gaodaima搞代码网其它相关文章！

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：react怎么让button在右边

Hi，您需要填写昵称和邮箱！