Question

我在控制组中并排有两个锚标签。我正在为这个项目使用twitter bootstrap。但是这两个锚标签总是相互重叠

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

任何人都可以帮我这个吗？谢谢！

Answer 1

问题是pull-right - 类。该类将两个内联框浮动到右侧。

您可以通过添加一个用于将文本元素与CSS对齐的新类来解决问题：

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

在您的HTML代码中移除pull-right - 类并将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/

在一个控制组中并排引导两个锚标签

1 个答案: