定位元素

Question

中居中的圖像我有一個看起來像這樣

<a href="url"><img src="imgurl"/>Text</a> 

我想圖像和固定元件的垂直對齊文本定位元素。我已經嘗試添加垂直對齊（css），填充，邊距，ets，但圖像不會與文本垂直對齊。

Answer 1

垂直對齊只適用於兄弟元素。這應該工作：

<a href="url"><img scr="imgurl"/><span>Text</span></a> 

使用CSS：

a img, a span { vertical-align: middle; } 

Answer 2

你是什麼意思「垂直對齊」？它們應該彼此相鄰，還是最靠前？在相鄰的情況下，文本應該與圖像的頂部，中間還是底部對齊？

如果你的問題是，它們顯示在彼此的頂部，而不是旁邊，以下內容添加到你的CSS：

a img { display: inline; } 

如果你的問題是相反的，補充一點：

a img { display: block; clear: both; } 

看看是否有幫助。

Answer 3

有道對齊圖像和圖標與錨標記是

在你的CSS

a { 
    background: transparent url(/images/your_image) scroll no-repeat left center; 
    padding: 2px 0px 2px 20px; //fit as you need 
} 

在HTML

<a href="url">Text</a>