相关疑难解决方法(0)

右对齐div类中的元素

我正在使用带有Bootstrap 4和Angular Material的角度2 .但是,我无法正确对齐容器div中的元素.我希望我的按钮和文本都与右侧对齐

以下是我尝试生成结果的代码,如照片所示

<div class="container">
  <div class="pull-right">
    <p class="d-inline pull-right">Some text</p>
    <button type="button" class="btn btn-primary pull-right">+</button>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

右对齐失败

我也尝试过StackOverflow的这个解决方案

<div class="container">
  <div class="asdf">
    <p class="d-inline pull-right">Some text</p>
    <button type="button" class="btn btn-primary pull-right">+</button>
  </div>
</div>

.asdf {
  margin-left:auto; 
  margin-right:0;
}
Run Code Online (Sandbox Code Playgroud)

这两种解决方案都不会将元素向右移动.我究竟做错了什么?

html css twitter-bootstrap angular-material bootstrap-4

11
推荐指数
2
解决办法
4万
查看次数