正確的CSS來代替IMG對齊元素

-2

在我http://www.imbued.co.uk/頁面的頁腳我得到的W3C一致性測試錯誤，可以理解，因爲我用了align屬性內嵌垂直對準其相應的文本社交媒體的圖標。什麼是正確的CSS替代使用？如果我刪除了align屬性，那麼文本和圖像不是都在中心，顯然沒有居中浮動。正確的CSS來代替IMG對齊元素

來源

2013-07-31 green4rrow

有幾個選項。最好的可能是對這些元素的風格來使用margin: auto;

margin-left: 50%; 
margin-right: 50%; 
margin: auto;

在你的圖像之一的情況下，例如，它會是這個樣子：

<img style='margin-left: 50%; margin-right: 50%; margin: auto;' src=... />

當然，你應該把css放在一個類中，並將你想要的任何東西的類設置爲該類的類。 CSS類會是什麼樣子：

.centered { 
    margin-left: 50%; 
    margin-right: 50%; 
    margin: auto; 
}

來源

2013-07-31 18:15:54 css

您能幫我到abouts在CSS請。我已經下了幾個嘗試過了，它似乎並沒有維持看 – green4rrow

我想你的建議在頁腳facebook的形象，而且爲中心像Twitter的/ Pinterest的文本不與圖像對齊圖標，除非我已經實現了它的錯誤 – green4rrow

使用line-height與vertical-align：middle結合解決此問題。實施例： UL李{ 顯示：塊; height：100px; line-height：100px; } UL利IMG { 垂直對齊：中部; } – green4rrow

align轉化最好的CSS text-align

所以

<div align="left">text</div>

成爲

<div class="left">text</div>

和css：

.left { 
text-align:left; 
}

來源

2013-07-31 18:18:54 user1721135

正確的CSS來代替IMG對齊元素

回答

相關問題