HTML 按钮不会右对齐答案

【问题标题】：HTML Button Won't Right AlignHTML 按钮不会右对齐
【发布时间】：2016-04-30 12:47:45
【问题描述】：

我有以下 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 之类的东西无济于事。

【问题讨论】：

请提供您的 CSS 代码以及您尝试的哪些方法无效
我也尝试将行放在上方，但上面似乎没有出现。 @阿齐兹

标签： html css button alignment

【解决方案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{显示：弹性；弹性方向：行；证明内容：围绕空间； /* 你也可以使用 justify-content:space-between; *\ }

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

【讨论】：

有什么办法让他们在同一行？
这不是在这样做吗？
将它们放在一个 div 中并指定类“center”，然后使用这个 css .center{display:flex;弹性方向：行；证明内容：围绕空间； /* 你也可以使用 justify-content:space-between; *\ }
不，很遗憾没有。尽管它们更好，但 Get Geotag 按钮位于输入上方。理想情况下，我希望它们都在同一行。

【解决方案2】：

没有你的CSS很难说。但我想帮助你。 CSS：

.my_css{display:inline-block}

HTML：

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

【讨论】：

我没有任何 CSS（空文件）。现在看起来是这样的：Get Geotag (lat, long)