Css - 無法更改<a>標記的垂直位置

在我的website我想將一個標記（黑盒）向下移動到中間位置，但我無法使其工作。我不能影響頁面上的其他元素。當我添加頂部：50％;在螢火蟲中，它會向下移動到中間位置，但我無法使其在真實網站上工作。該元素的CSS：Css - 無法更改<a>標記的垂直位置

.section { 
    width: 100px; 
    height: 100px; 
    background-color: black;  
    position: relative; 
    margin-left: 720px; 
    top: 50%; 
}

來源

2012-12-14 McKeene

你可以添加display: inline-block您.selection所以正確呈現出來的元素的高度。

但現在到你真正的問題：你可以使用：top: 450px

來源

2012-12-14 19:32:45

對不起我的錯。當我第一次測試你的建議時，我一定犯了一個錯字。它在像素中定義時適用於所有瀏覽器。奇怪的是，webkit瀏覽器不支持％這種方式。 – McKeene

確保您的一個標籤被適當地嵌套在另一個元素（DIV，P等），並使用CSS該元素的位置。

<div class="sectionhldr" > 
     <a class="section" href="/*destination*/"> My Link</a> 
</div>

將該位置設置爲div類。

來源

2012-12-14 19:27:08 syllabix

我只是發現了它的實際工作在Firefox，而不是在Safari和Chrome ..如何那可以嗎？ – McKeene

你可以添加一些代碼嗎？你爲了讓它工作而改變了什麼？ –

我把頂：50％;就像我在螢火蟲中所做的一樣。但在其他瀏覽器中不起作用。 – McKeene

嘗試...

.section { 
    width: 100px; 
    height: 100px; 
    background-color: black; 
    position: relative; 
    margin-left: -50px; 
    left: 50%; 
    top: 50%; 
    margin-top: -50px; 
}

來源

2012-12-14 19:34:38 Adgezaza

我需要在每個頁面上有一個標籤，因爲它會註冊到哪個頁面。絕對把他們全部放在第一頁上。 – McKeene

@McKeene相同？我已恢復爲相對似乎可行的工作，但您可能需要爲左側和右側所需的.story元素添加單獨的樣式。浮動故事（左/右）似乎工作，而不是內在的因素。 – Adgezaza

這可悲的是給我同樣的問題。它在firefox中效果很好，但是在safari和chrome中它仍然在每個頁面的頂部:( – McKeene

Css - 無法更改<a>標記的垂直位置

回答

相關問題