From cb0f6240b36d031a0462e19ddb44e59f733ea725 Mon Sep 17 00:00:00 2001
From: Wei Feng <1023702708@qq.com>
Date: Wed, 17 Apr 2024 17:57:46 +0800
Subject: [PATCH] updated

---
 index.html            | 17 ++++-------------
 static/css/2image.css |  9 +++++++++
 2 files changed, 13 insertions(+), 13 deletions(-)
 create mode 100644 static/css/2image.css

diff --git a/index.html b/index.html
index 9281e3e..4b46e49 100644
--- a/index.html
+++ b/index.html
@@ -49,6 +49,7 @@
   <link rel="stylesheet" href="./static/css/bulma-carousel.min.css">
   <link rel="stylesheet" href="./static/css/bulma-slider.min.css">
   <link rel="stylesheet" href="./static/css/fontawesome.all.min.css">
+  <link rel="stylesheet" href="./static/css/2image.css">
   <link rel="stylesheet"
         href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
   <link rel="stylesheet" href="./static/css/index.css">
@@ -259,20 +260,10 @@ <h2 class="title is-3">Visualization</h2>
       </div>
     </div>
     <!--/ Method. -->
-    <div class="column">
-      <div class="content">
-        
-        <img id="framework" src="./static/images/MOTheatmap.png">
 
-      </div>
-    </div>
-
-    <div class="column">
-      <div class="content">
-        
-        <img id="framework" src="./static/images/AICheatmap.png">
-
-      </div>
+    <div class="image-container">
+      <img id="framework1" src="./static/images/MOTheatmap.png" alt="Image 1">
+      <img id="framework2" src="./static/images/AICheatmap.png" alt="Image 2">
     </div>
 
   </div>
diff --git a/static/css/2image.css b/static/css/2image.css
new file mode 100644
index 0000000..22b0e31
--- /dev/null
+++ b/static/css/2image.css
@@ -0,0 +1,9 @@
+.image-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+ 
+.image-container img {
+    margin: 5px; /* 可以调整间距 */
+}
\ No newline at end of file