HTML按钮不会右对齐

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

  <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无济于事。

来源

2016-01-24 jblakeley

请提供你的CSS代码，你试过没有工作 – Aziz

我也试着放置线但上面什么方法似乎并没有出现在上面。 @Aziz – jblakeley

<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 {显示：弯曲; flex-direction：row; justify-content：space-around;/*你也可以使用justify-content：space-between; * \ }

我的代码有一个输入错误。修复它

来源

2016-01-24 03:19:02 MateiB

任何方式让他们在同一行？ – jblakeley

这是不是这样做？ – MateiB

把它们放在一个div中，并指定类“center”，然后使用这个CSS .center {display：flex;挠曲方向：行;证明内容：空间周围;/*你也可以使用justify-content：space-between; * \} – MateiB

没有你的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}}">

来源

2016-01-24 04:01:02

我没有任何CSS（空文件）。现在它的样子是这样的：获取地理标记（lat，long） – jblakeley

我以为你想要这样：https：//jsfiddle.net/azizn/oo8sk8uw/ –

HTML按钮不会右对齐

回答

相关问题