對齊中心對齊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元素

回答

相關問題