css对齐没有属性

Question

我试图在我的 react.js 应用程序中使用 bootstrap，所以我正在尝试这样做:

<ListGroup.Item>
      {"Ass ".concat(pend.userName)}
      <div className="myDiv">
            <Button variant="success">
                  Add
            </Button>
...

添加这些按钮的原因很简单，我只是想提高该列表的效率。 为了创造更好的吸引力，我添加了一个名为 myDiv 的 css，定义如下:

.myDiv{
  margin-right:5%;
  alignment: right;
}

所以当我渲染它时，我得到这样的输出:

但我希望它们在右侧。

我怎样才能得到那种外观？

react-bootstrap 版本 - ^1.0.0-beta.16

Answer 1

你可以使用 flexbox

.myDiv {
  display: flex;
  justify-content: flex-end;
}

或者简单地将 margin-left: auto; 添加到您的 div。