如何在两个方向（左和右）动态增加超链接的大小？

Question

当内部文本发生变化时，我想在两个方向（左和右）增加超链接的大小。

当selected.name中的文本发生更改时，应该向两个方向展开。目前它正朝着正确的方向扩展。当文字改变时我想向两个方向扩展......

HTML

<a  ng-model="link_text" class="tag">{{selected.name}}</a>

CSS

.tag {
  padding: 6px 12px;
  border: 1px solid #GGGGF0;
  font: 14px/27px'OpenSansLight';
  font-size: 12px;
  text-decoration: none;
  position: relative;
  float: left;
  cursor: pointer;
}

Answer 1

您需要删除float: left以展开双向链接并添加以下内容

min-width:200px; /*optional*/ display:block; margin:auto;

由于

Answer 2

您可以尝试提供一个特定的width可能min-width，并text-align: center;来帮助您满足您的要求。