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: 'flex', justifyContent: 'flex-end'}}在父元素中定义,以对齐子元素中的项目。

or

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

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

更多相关技术文章,请访问HTML中文网

以上就是react怎么让button在右边的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏