Javascript 语义UI反应：如何从左向右移动按钮

我使用的是语义UI React。我包括了语义UI反应按钮，但默认它显示在左侧，我想显示在右侧。有人请帮助我如何将语义按钮移到右边

---

您可以通过在容器中包装按钮组来实现这一点，该容器将通过css将其子项向右对齐

css:

包装容器中的按钮组件：

import React from "react";
import { Button } from "semantic-ui-react";

const MyButtons = () => {
  return (
    <div className="rightAlign">
      <Button.Group>
        <Button>Cancel</Button>
        <Button.Or />
        <Button positive>Save</Button>
      </Button.Group>
    </div>
  );
};

export default MyButtons;

---

在这里查看它的工作情况：

您可以通过将按钮组包装在一个容器中来实现这一点，该容器将通过css将其子项向右对齐

css:

包装容器中的按钮组件：

import React from "react";
import { Button } from "semantic-ui-react";

const MyButtons = () => {
  return (
    <div className="rightAlign">
      <Button.Group>
        <Button>Cancel</Button>
        <Button.Or />
        <Button positive>Save</Button>
      </Button.Group>
    </div>
  );
};

export default MyButtons;

---

看到它在这里工作了吗：

一个很好的解决方案就是将floated=添加到您的按钮上。这样分组：

<Button.Group floated="right">
    <Button>Cancel</Button>
    <Button.Or />
    <Button positive>Save</Button>
</Button.Group> 

您还可以检查以下内容：

---

这里提供了Button.Group的所有选项：

一个漂亮的解决方案就是将floated=添加到按钮上。这样的组：

<Button.Group floated="right">
    <Button>Cancel</Button>
    <Button.Or />
    <Button positive>Save</Button>
</Button.Group> 

您还可以检查以下内容：

---

这里提供了Button.Group的所有选项：

那么您想让整个Button组显示在右侧吗？还是要切换标签？还是想要左边是绿色，右边是灰色？@grenzbotin谢谢你的评论。实际上我想把整个按钮组移到右边。所以你想让整个按钮组出现在右边？还是要切换标签？还是想要左边是绿色，右边是灰色？@grenzbotin谢谢你的评论。实际上，我想将整个按钮组移到右侧。请确保在本例中定义类的css文件为。rightAlign，但您可以在使用该类的文件中导入所需的名称。意思-如果您想为按钮组件拥有自己的css文件，请导入css文件。您可以看到，我在styles.css中定义了.rightAlign类，该类在codesandbox的index.js中导入。实际上，我是通过styled组件实现它的，但什么都没有发生。我用一个使用styled组件构建的工作容器更新了codesandbox。非常感谢您的评论，问题已经解决了。请确保在本例中定义类的css文件为.rightAlign，但可以根据需要在使用该类的文件中导入该类的名称。意思-如果您想为按钮组件拥有自己的css文件，请导入css文件。您可以看到，我在styles.css中定义了.rightAlign类，该类在codesandbox的index.js中导入。实际上，我是通过styled组件实现它的，但什么都没有发生。我用一个使用styled组件构建的工作容器更新了codesandbox。非常感谢您的评论，问题已经解决了。