0

コントロール グループに 2 つのアンカー タグが並んでいます。このプロジェクトでは Twitter ブートストラップを使用しています。しかし、これらの 2 つのアンカー タグは常に重なり合っています。

私のhtmlは以下の通りです

<div class="control-group">
     <div class="controls">
          <a id="address" class=" pull-right update btn btn-inverse btn-medium push-top">Update</a>
          <a class="pull-right delete_add btn btn-inverse btn-medium push-top">Delete</a>
     </div>
</div>

誰でもこれで私を助けることができますか？ありがとう！

4

1 に答える 1

1

問題はpull-rightクラスです。このクラスは、2 つのインライン ボックスを右にフロートします。

テキスト要素を配置するための新しいクラスを CSS に追加することで、この問題を解決できます。

.align-right{
   text-align: right;
}

HTML コードでpull-right-class を削除し、グループに追加align-rightしますcontrols。

<div class="control-group">
     <div class="controls align-right">
          <a id="address" class="update btn btn-inverse btn-medium push-top">Update</a> 
          <a class="delete_add btn btn-inverse btn-medium push-top">Delete</a>
     </div>
</div>

http://jsfiddle.net/handtrix/FZZsu/

于 2013-02-26T17:31:09.437 に答える