HTML 按钮不会右对齐

Question

我有以下 HTML。我希望“获取地理标记”按钮右对齐，文本位于按钮之前/左侧的任何位置。但是，目前我无法找到一种方法来正确对齐按钮并继续运行(输入文本基于 getLoc())。任何帮助，将不胜感激!

          <button class="button button-positive button-clear pull-right" ng-click="getLoc()"  readonly>
                Get Geotag
            </button>
          <input type="text" value="{{geoString}}">

没有相关的CSS。

我试过这个: 获取地理标签

正确对齐但定位功能消失了。我还尝试使用 float: right 和 right-align 之类的东西，但都无济于事。

Answer 1

 <div class="center">
<button class="button button-positive button-clear pull-right" ng-click="getLoc()"  readonly>
            Get Geotag
        </button>
      <input type="text" value="{{geoString}}"></div>

两个选项: 1. .center{display:inline-block;} 2. .center{显示:flex; flex 方向:行； 证明内容:周围空间；/* 你也可以使用 justify-content:space-between; *\

我的代码有一个输入错误。修好了