css 图片和文字下对齐方式

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

img {
    vertical-align: baseline;
}
img {
    vertical-align: middle;
}
img {
    vertical-align: bottom;
}
    

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

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

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

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

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

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

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！