diff --git a/docs/zh_CN/quick_start/quick_start_recognition.md b/docs/zh_CN/quick_start/quick_start_recognition.md
index fe7f80641f077f2e6f4e408e0fdb9006aaf04ea9..628600f833d9b4d106682a268c4389c47c89ae5f 100644
--- a/docs/zh_CN/quick_start/quick_start_recognition.md
+++ b/docs/zh_CN/quick_start/quick_start_recognition.md
@@ -162,9 +162,7 @@ python3.7 python/predict_system.py -c configs/inference_general.yaml -o Global.u
 
 待检索图像如下所示。
 
-<div align="center">
-<img src="../../images/recognition/drink_data_demo/test_images/nongfu_spring.jpeg" width = "400" />
-</div>
+![](../../images/recognition/drink_data_demo/test_images/nongfu_spring.jpeg)
 
 最终输出结果如下。
 
@@ -176,10 +174,7 @@ python3.7 python/predict_system.py -c configs/inference_general.yaml -o Global.u
 
 检测的可视化结果也保存在 `output` 文件夹下，对于本张图像，识别结果可视化如下所示。
 
-<div align="center">
-<img src="../../images/recognition/drink_data_demo/output/nongfu_spring.jpeg" width = "400" />
-</div>
-
+![](../../images/recognition/drink_data_demo/output/nongfu_spring.jpeg)
 
 <a name="基于文件夹的批量识别"></a>
 #### 2.2.2 基于文件夹的批量识别
@@ -227,9 +222,7 @@ python3.7 python/predict_system.py -c configs/inference_general.yaml -o Global.i
 
 待检索图像如下所示。
 
-<div align="center">
-<img src="../../images/recognition/drink_data_demo/test_images/mosilian.jpeg" width = "400" />
-</div>
+![](../../images/recognition/drink_data_demo/test_images/mosilian.jpeg)
 
 输出结果为空。
 
@@ -279,9 +272,7 @@ python3.7 python/predict_system.py -c configs/inference_general.yaml -o Global.i
 
 最终识别结果为`光明_莫斯利安`，识别正确，识别结果可视化如下所示。
 
-<div align="center">
-<img src="../../images/recognition/drink_data_demo/output/mosilian.jpeg" width = "400" />
-</div>
+![](../../images/recognition/drink_data_demo/output/mosilian.jpeg)
 
 <a name="4"></a>
 ## 4. 服务端识别模型列表