Question

我试图对齐一个链接，

<a class='dotted' data-toggle='popover' data-placement='bottom' data-content='This server is hadnling everyones logins, if this server is down, you couldnt log in to Minecraft.' title='Logins server'>What does this do?</a>

在具有这些样式属性的div元素下：

.service {
    width:140px;
    height:100px;
    padding:1.2em 0;
    margin:0 0 .5em 0;
    border:3px solid#00AFED;
    border-radius:50%;
    display: inline-block;
    *zoom: 1;
    display: inline;
}

问题是这个div重复了几次，并且是居中对齐的，我需要在每个div元素下面直接对齐的链接，iv'e在互联网上搜索了一段时间但是没有发现任何有用的东西，所以任何帮助都会受到影响。

Answer 1

你想要这样的东西：http://jsfiddle.net/Y7n2f/

  a.dotted {
    border-bottom: 1px dotted;
    color: #0088cc;
    cursor: help;
    position: relative;
    left: -130px;
    top: 80px;
  }

Answer 2

这对我很有用，希望它能解决你的问题。

在css中添加此类：

.wrap_link{ text-align:center;}
.dotted{ display:block;}

尝试在此结构中添加链接

<div class="wrap_link">
<div class="service">
content/text
</div>
<a class='dotted' data-toggle='popover' data-placement='bottom' data-content='This server is hadnling everyones logins, if this server is down, you couldnt log in to Minecraft.' title='Logins server'>What does this do?</a>
</div>

对齐中心对齐的div元素下的链接

2 个答案: