<分区>
<分区>
编辑:
是的，这是重复的，我的错误(我是 CSS 新手)。但是任何人都可以解释对齐图像而不是链接/文本背后的基本原理吗？这里是否有一些更大的概念可以帮助我更好地理解 CSS 的概念并避免将来出现此类问题？
原始(重复)部分:
我有一个场景，我想在我的页面上的图像旁边有一个链接，并且链接应该对齐，以便它与图像垂直居中。当然我不知道图像的确切高度，所以这应该是动态完成的。
给定这段 HTML，我如何用 CSS 实现这样的事情？
<div class="myDiv">
<img src="myImage"/>
<a href="#">My Link!</a>
</div>
我有一个 fiddle at this location ，您会注意到我在图像类中放置了一些尺寸信息。这只是为了模拟一个未知大小的图像，所以请考虑没有它的问题。
最佳答案
4.8. Vertical alignment: the 'vertical-align' shorthand baseline alignment property
Applies to: inline-level and 'table-cell' elements
This property affects the vertical positioning of the inline boxes generated by an inline-level element inside a line box. The following values only have meaning with respect to a parent inline-level element, or to a parent block-level element, if that element generates anonymous inline boxes; they have no effect if no such parent exists.
虽然元素 a 和 img 默认都是 inline ，属性 vertical-align:middle应该在 img 元素上使用。
.myDiv img {
vertical-align: middle;
}
关于css - 使用 CSS 垂直对齐图像旁边的链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20224268/