Question

我正试图将整个链接集中在一起，我正在努力寻找解决方案。我正在使用一个简单的滑动门式链接，我希望它能成为中心。

以下是您可以与之互动的演示：http://jsbin.com/ibidu3

<style>
  a.btn_blue {
  background:url("http://img291.imageshack.us/img291/2600/btnblueleft.gif") no-repeat scroll left top transparent;
    float:left;
  text-decoration:none;
  margin-right:4px;
  padding-left:5px;
  color:#fff;
  }

a.btn_blue span{
    background:url("http://img826.imageshack.us/img826/1531/btnblueright.gif") no-repeat scroll right top transparent;
    float:left;
  padding:6px 10px 10px 4px;
  }
  </style>

<a href="#" class="btn_blue"><span>Learn More: <strong>Benefits</strong></span></a>

Answer 1

如果您所谈论的文字未在锚标记中居中，那么这是由于a.btn_blue span中的ppadding在左侧和右侧不同。 padding:6px 10px 10px 6px;

中心链接使用滑动门CSS

1 个答案: