# feat:文章详情中的图片居中显示

pythonweb/common/templates/article.html

@@ -5,6 +5,14 @@
 {% endblock %}
 
 {% block content %}
+<style>
+/* 让 Markdown 渲染的图片居中 */
+.markdown-content img {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+</style>
 <div class="container">
     <div class="row">
         <div class="col-md-12">
@@ -14,7 +22,7 @@
                     <p class="text-muted">发布时间：{{created_at|date:"Y-m-d"}}</p>
                 </div>
             </div>
-            <div class="well">
+            <div class="well markdown-content">
                 {{content|safe }}
             </div>
         </div>