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。

我试过这个：获取地理标记

正确对齐，但位置功能消失。我也尝试使用像浮动这样的东西：右边和右边对齐无济于事。

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 {显示：内联块;} 2。 .center {显示：弯曲; 挠曲方向：行; 证明内容：空间周围; / *你也可以使用justify-content：space-between; * \ }

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

Answer 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}}">

HTML按钮无法正确对齐

2 个答案: