css文字置于图片底端

如果您想把文字放在图片下面，可以使用CSS的position和bottom属性。当position设置为absolute时，bottom属性将使元素与父元素底部对齐，从而实现让文字置于图片底部的效果。

div class="container">
    img src="image.jpg" alt="example image">
    p class="caption">
    这是一张示例图片/p>
    /div>
.container {
    position: relative;
}
.caption {
    position: absolute;
    bottom: 0;
}
    

在上面的示例中，我们使用了一个div容器包裹图片和文字。我们把div容器的position属性设置为relative，这样p元素就可以使用绝对定位，相对于容器为基准。然后我们把p元素的position属性设置为absolute，bottom属性设置为0，就实现了把文字置于图片底部的效果。

当然，还有其他的方式可以实现相同的效果，比如使用flexbox布局或者使用CSS的calc()函数进行计算。但上面的示例是使用最基本的CSS属性来实现这个效果的，对于初学者来说，比较容易理解和掌握。

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