[分享]css中如何字体放在图片底部

要将字体放在图片底部，我们可以使用CSS中的verticalalign属性。该属性控制元素的垂直对齐方式，支持的取值有baseline（基线对齐）、super（上标）、sub（下标）、texttop（...

要将字体放在图片底部，我们可以使用CSS中的vertical-align属性。该属性控制元素的垂直对齐方式，支持的取值有baseline（基线对齐）、super（上标）、sub（下标）、text-top（文本顶部对齐）、text-bottom（文本底部对齐）等。
以下是一个简单的例子，使用了一个图片和一个p标签，并将图片和p标签都设置为display:inline-block以便进行垂直对齐：

img{
  display:inline-block;
  vertical-align:text-bottom;
}
<br>
p{
  display:inline-block;
  font-size:16px;
  line-height:1.2;
  vertical-align:text-bottom;
}