css图片居底 |css艺术字动画效果

img {
vertical-align: bottom; /* 让图片底部与文本底部对齐 */
}
img {
display: block;
margin: 0 auto;
margin-bottom: 0; /* 将图片置于父元素底部，垂直居中 */
}
.parent {
position: relative;
}
img {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%); /* 将图片置于父元素底部，水平居中 */
}

以上代码分别是使用vertical-align属性、display属性和定位方式来实现图片居底。

其中，第一种方法比较容易理解和掌握，适用于简单的场景；第二种方法需要将图片转换为块级元素，通过居中的方式实现；第三种方法需要将父元素设置为相对定位，通过绝对定位来实现图片居底。

在实际项目中，根据具体需求来选择合适的方法，达到最佳效果。