在CSS中，可以使用多种方式实现图片和文字的对齐。下面将介绍一些常用的方法。
1. 使用`vertical-align`属性
`vertical-align`属性可以用来设置元素在垂直方向上的对齐方式。对于行内元素和表格元素，可以将其和文字水平对齐。
示例代码：
```css
img {
vertical-align: middle;
}
```
2. 使用`display: inline-block`
将图片和文字都设置为`display: inline-block`，然后使用`vertical-align`来对齐。
示例代码：
```css
img
span {
display: inline-block;
vertical-align: middle;
}
```
3. 使用`flexbox`
使用`flexbox`可以更方便地对齐图片和文字。
示例代码：
```css
.container {
display: flex;
align-items: center;
}
```
4. 使用*定位
可以使用*定位将图片和文字进行对齐。
示例代码：
```css
.container {
position: relative;
}
img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
```
5. 使用`line-height`
如果图片和文字都位于单行文本中，可以使用`line-height`来实现垂直对齐。
示例代码：
```css
.container {
line-height: 100px; /* 文字和图片高度一致 */
}
```
6. 使用表格布局
可以使用表格布局来实现图片和文字的对齐。
示例代码：
```css
.container {
display: table;
}
img
span {
display: table-cell;
vertical-align: middle;
}
```
QQ客服