css对齐没有属性答案

【问题标题】：css alignment no propertycss对齐没有属性
【发布时间】：2020-04-12 02:01:01
【问题描述】：

我试图在我的 react.js 应用程序中使用引导程序，所以这就是我想要做的：

<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

【问题讨论】：

尝试添加margin-left: auto;
@demkovych margin-left: auto 没用

标签： css reactjs react-bootstrap

【解决方案1】：

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

Flexbox 几乎总是 css-alignment 相关问题的答案。

【讨论】：

【解决方案2】：

你可以使用弹性盒子

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

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

【讨论】：