<img>定位行为

Question

我似乎无法理解img标签在html页面中与文本一起表现的方式.

我已经删除了边距和填充,但在img或其他一些意外行为下似乎总有一些额外的空间.我确信使用绝对定位或负边距的快速CSS解决方法,但我正在寻找更通用的解决方案.

问题:有人可以解释img标签是如何定位的,特别是为什么它们与文本一起垂直偏移？

Answer 1

如果您希望成为<img>内联元素，则可以使用vertical-alignCSS 属性来指定图像相对于其出现的文本行的对齐方式。此页面在“内联元素上的垂直对齐”标题下提供了示例。