css：两个行内块元素和图片垂直居中对齐

目录)

1. 两个行内块元素垂直居中对齐

2. 代码示例

3. 发现的奇怪现象

4. 尝试增加对齐属性

5. 发现还是有一点点错位

6. 尝试在第二个元素上增加

7. 发现并没有居中对齐，有种失效的感觉

8. 解决办法

9. 让第一个盒子对齐方式改为顶部或底部对齐

10. 表现如下

11. 图片垂直居中问题

要实现图片垂直居中对齐，可以使用以下方法：

1. 修改图片元素为块级元素

```html

```

2. 设置图片元素的 vertical-align 为 middle

```html

```

3. 将父级元素的行高改为 0

```html

```

4. 将父级元素的字体大小改为 0

```html

```

以下是重构后的代码：

```html

```