html - <img> 定位行为

标签 html css image

我似乎无法理解 img 标签如何与 html 页面中的文本一起运行。

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

问题:谁能解释一下 img 标签是如何定位的,特别是为什么它们在文本旁边会垂直偏移?

最佳答案

如果您想要 <img>要成为内联元素,您可以使用 vertical-align CSS 属性指定图像如何相对于它所在的文本行对齐。This page在“内联元素的垂直对齐”标题下有示例。

关于html - <img> 定位行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1688909/

相关文章:

html - 图片 CSS 下方的文本流

html - 表格行上的负边距

php - 表单提交到目录?可能的?

javascript - 在 div 中居中 "i"元素

html - CSS 媒体查询未加载

javascript - 如何修复文本输入的光标位置

iPhone/Android - 保护应用程序下载的图像

c++ - OpenCV 中的直方图函数

python - 具有自定义数据类型Python的最小堆?

php - 将 HTML 表单值作为数组放入 SESSION 变量中