如何在reactjs中将按钮放在右侧

Question

我正在使用 React 和 Ant Design 为 webapp 创建一个简单的 UI。我想在屏幕的右上角放置一个按钮。我的组件渲染函数看起来像这样：

 return (
    <div style={{something here?}}>
        <div style={{something else here?}}>
            <Button>Logout</Button>
        </div>
        <div>
           {Main components here}
        </div>
    </div>
);

我已经尝试向外部和/或内部 dic 添加各种东西，但无法将按钮移动到右侧 - 它始终保持在左侧。我如何让它向右移动？

原文由 Marc 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

return (
    <div style={{}}>
        <div style={{float: 'right'}}>
            <Button>Logout</Button>
        </div>
       <div style={{clear: 'both'}}></div>
        <div>
           {Main components here}
        </div>
    </div>
);

试试看，这也不是 React 问题，它应该被标记为 CSS

原文由 mikeb 发布，翻译遵循 CC BY-SA 4.0 许可协议