对齐中心对齐div元素

我试着去对准一个链接下的链接，对齐中心对齐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元素至极下具有这些样式属性：

.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在互联网上搜索了一段时间，但没有找到任何可行的东西，所以任何帮助都会appriciated。

来源

2013-08-21 Iliya Golik

添加链接：

在CSS中添加这个类？ – j08691

哦，哎呀，一个错字，应该有*之前的显示元素，谢谢 –

你可以显示使用jsfiddle吗？ – james31rock

你不会somemthing这样：http://jsfiddle.net/Y7n2f/

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

来源

2013-08-21 18:56:58

这个工作对我来说很好，希望这将解决您的问题。为什么你张贴的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>

来源

2015-10-02 19:14:08 CreativePS

对齐中心对齐div元素

回答

相关问题