css怎么让图片和文字底对齐

在CSS中，让图片和文字底对齐通常可以使用`display: flex`或者传统的布局方式结合`line-height`来实现。这里有两个常见的方法：

1. **Flexbox方法**:
如果容器是flex布局，你可以这样设置：

   .container {
     display: flex;
     align-items: flex-end; /* 图片和文字底对齐 */
     justify-content: center; /* 文字水平居中 */
   }
   
   img, p {
     margin-bottom: 0; /* 防止行间距影响 */
   }

这样，图片会放在内容底部，文字会在图片下方居中。

2. **常规方法**:
对于非flex布局，你可以给包含元素设置固定高度，并调整图片和文本的`vertical-align`属性：

   .parent {
     position: relative;
     height: some-fixed-height; /* 定义一个固定的最小高度 */
     line-height: some-fixed-height;
   }
   
   img, p {
     vertical-align: bottom;
     position: relative;
     /* 可选：如果图片有margin-bottom，也需要清除 */
     margin-bottom: 0;
   }

这里需要确定一个合适的`line-height`值，使其等于图片的高度加上文字行高。