2017-04-26 68 views
1

我工作的一個個人網站的人定心元素,我碰到他的中心部分業務自己的頁面上的問題就來了。有關頁面可以在我的網站http://websitetesting.pro/portfolio.html進行查看以進行測試。投資組合圖像位於「圖形」標籤下,但問題應該在「rowone」類下,因爲這是圖形圖像的父元素。這是第一行的代碼。遇到問題的網站

.rowone { 
    height:240px; 
    margin-left: 25%; 
    margin-right: 25%; 
    line-height: 240px; 
    text-align: center; 
    margin: auto; 
} 

如果不是在那裏,誤差應在某處無論是「主」的CSS,或「組合」的CSS直接指投資組合頁面。

+0

'hover01 column'裏面有什麼? – Swellar

+0

並請重新格式化您的代碼,以便它可以更清晰地看到 – Swellar

+0

格式化呢?對不起,就像我說的,這是我第一次使用stackoverflow。 – Crimsonwrath

回答

0

的.COLUMN類是它由寬度填滿整個頁面的塊元素。當設置爲內嵌塊時,它將保留一定的寬度並且可以移動。

.column { 
    display: inline-block; 
} 

hover01 { 
display: inline-block; 
    } 

選擇2爲好。所以你不會瞄準一般班級

+0

這將是更好,如果你可以添加一些解釋,爲什麼你來到這個答案 – Swellar

+0

試過這兩個,他們都沒有任何效果 – Crimsonwrath

+0

真的嗎?我在您的網站上使用開發人員工具嘗試了它。 「portfolio.css」第78行,它的工作 – blecaf

0
.rowone { 
    height: 240px; 
    line-height: 240px; 
    text-align: center; 
    display: table; 
    margin: 0 auto; 
} 
+0

如果它是有用的,請給予好評:) –

+0

太謝謝你了!是的,這確實奏效。我有15個名譽,所以它說我的upvote沒有公開顯示,但它仍然會計數。 – Crimsonwrath

+0

你能給我給予好評我刪除圖像 –