css 图片和文字下对齐方式

CSS 中，图片和文字下对齐有以下三种方式：

img {
  vertical-align: baseline;
}

img {
  vertical-align: middle;
}

img {
  vertical-align: bottom;
}

第一种方式：垂直对齐基线（baseline）

在文本中，文字的基线是指文字底部的虚拟线条。图片默认情况下是被当作行内元素（inline）处理的，其所在行的底部也会有一条虚拟线条，即所在行的基线。如果将图片的垂直对齐方式设置为 baseline，则图片的底部将和所在行的基线对齐。

第二种方式：居中对齐（middle）

如果将图片的垂直对齐方式设置为 middle，则图片将和所在行的中线对齐。

第三种方式：底部对齐（bottom）

如果将图片的垂直对齐方式设置为 bottom，则图片将和所在行的底部对齐。