css如何让文字与图片水平对齐

实现文字与图片水平对齐的方法有很多种，以下是一些常见的方式：

1. 使用display: flex;属性

将需要对齐的文字和图片的父元素设置为display: flex;，然后设置align-items: center;即可实现文字与图片的水平对齐。其中align-items: center;用于设置flex元素在交叉轴上的对齐方式，这里的交叉轴是指与主轴垂直的轴。如下所示：

.parent {
    display: flex;
    align-items: center;
}

img {
    margin-right: 10px;
}

2. 使用vertical-align属性

使用vertical-align属性，将图片的垂直对齐方式设置为middle（或其他与文字一样的垂直对齐方式），即可实现文字与图片的水平对齐。如下所示：

img {
    vertical-align: middle;
    margin-right: 10px;
}

3. 设置line-height属性

通过设置line-height属性，让文字和图片都以相同的高度显示，从而实现水平对齐。需要注意的是，这种方式只适用于行内元素。如下所示：

.parent {
    line-height: 50px;
}

img {
    vertical-align: middle;
    margin-right: 10px;
}

总之，使用以上三种方式中的任意一种，即可实现文字与图片的水平对齐。需要根据实际情况选择最合适的方式。