我在 div 旁边有一个图像,旁边有一个超链接。问题是超链接显示在图像的底部。我想把它显示在图像的中心。
HTML:
<div class="main">
<img class="image" src="http://aux.iconpedia.net/uploads/16149178162137949115.png" alt="smiley" />
<a class="link" href="#">move it up in the center to the smiley</a>
</div>
CSS:
.main{
border:1px solid red;
}
.image{
border:1px solid green;
}
.link{
/*height:30px;*/
}
JSFiddle:
最佳答案
.image {
vertical-align:middle
}
关于html - 非常基本的 CSS 高度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7098585/