定位元素

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>