2013-02-26 62 views
0

我在对照组中并排有两个锚标记。我正在使用这个项目的twitter引导程序。但是这两个锚标记始终相互重叠在一个对照组中并排引导两个锚标记

我的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> 

任何人都可以帮助我?谢谢!

+0

是什么推顶吗?在这里工作得很好,所以其他事情一定会影响它? http://jsfiddle.net/ZaMZ8/ – 2013-02-26 17:15:31

+0

它做了一个margin-top:15px – edelweiss 2013-02-26 17:17:43

+0

使用Firebug来检查元素,看看有什么CSS规则存在,你不期望在那里。 – js1568 2013-02-26 17:23:13

回答

1

问题是pull-right -class。这个类将右边的两个内联框漂浮起来。

您可以通过添加一个新的类用于对齐文本元素,以你的CSS解决问题:

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

在你的HTML代码中删除pull-right -class并添加align-rightcontrols组。

<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/

+0

谢谢!完美地工作 – edelweiss 2013-03-01 12:20:43