Update README.md

README.md

@@ -155,40 +155,40 @@ Here we present some examples based on **SDXL** with different samping steps.
     <p>2-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <img src="assets/SDXL/2steps/dog.jpg" alt="图片1" width="170" style="margin: 10px;" />
-    <img src="assets/SDXL/2steps/girl1.jpg" alt="图片2" width="170" style="margin: 10px;" />
-    <img src="assets/SDXL/2steps/girl2.jpg" alt="图片3" width="170" style="margin: 10px;" />
-    <img src="assets/SDXL/2steps/rose.jpg" alt="图片4" width="170" style="margin: 10px;" />
+    <img src="assets/SDXL/2steps/dog.jpg" alt="图片1" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/2steps/girl1.jpg" alt="图片2" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/2steps/girl2.jpg" alt="图片3" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/2steps/rose.jpg" alt="图片4" width="170" style="margin: 2px;" />
 </div>
 
 <div align="center">
     <p>3-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <img src="assets/SDXL/3steps/batman.jpg" alt="图片1" width="170" style="margin: 10px;" />
-    <img src="assets/SDXL/3steps/horse.jpg" alt="图片2" width="170" style="margin: 10px;" />
-    <img src="assets/SDXL/3steps/living room.jpg" alt="图片3" width="180" style="margin: 10px;" />
-    <img src="assets/SDXL/3steps/woman.jpg" alt="图片4" width="170" style="margin: 10px;" />
+    <img src="assets/SDXL/3steps/batman.jpg" alt="图片1" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/3steps/horse.jpg" alt="图片2" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/3steps/living room.jpg" alt="图片3" width="180" style="margin: 2px;" />
+    <img src="assets/SDXL/3steps/woman.jpg" alt="图片4" width="170" style="margin: 2px;" />
 </div>
 
 <div align="center">
     <p>4-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <img src="assets/SDXL/4steps/boat.jpg" alt="图片1" width="170" style="margin: 10px;" />
-    <img src="assets/SDXL/4steps/building.jpg" alt="图片2" width="170" style="margin: 10px;" />
-    <img src="assets/SDXL/4steps/mountain.jpg" alt="图片3" width="170" style="margin: 10px;" />
-    <img src="assets/SDXL/4steps/wedding.jpg" alt="图片4" width="170" style="margin: 10px;" />
+    <img src="assets/SDXL/4steps/boat.jpg" alt="图片1" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/4steps/building.jpg" alt="图片2" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/4steps/mountain.jpg" alt="图片3" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/4steps/wedding.jpg" alt="图片4" width="170" style="margin: 2px;" />
 </div>
 
 <div align="center">
     <p>8-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <img src="assets/SDXL/8steps/car.jpg" alt="图片1" width="170" style="margin: 10px;" />
-    <img src="assets/SDXL/8steps/cat.jpg" alt="图片2" width="170" style="margin: 10px;" />
-    <img src="assets/SDXL/8steps/robot.jpg" alt="图片3" width="170" style="margin: 10px;" />
-    <img src="assets/SDXL/8steps/woman.jpg" alt="图片4" width="170" style="margin: 10px;" />
+    <img src="assets/SDXL/8steps/car.jpg" alt="图片1" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/8steps/cat.jpg" alt="图片2" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/8steps/robot.jpg" alt="图片3" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/8steps/woman.jpg" alt="图片4" width="170" style="margin: 2px;" />
 </div>
 
 We also present some examples based on **FLUX**.
@@ -196,25 +196,25 @@ We also present some examples based on **FLUX**.
     <p>3-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/3steps/portrait.jpg" alt="图片1" width="170" />
         <br />
         <span>Seasoned female journalist...</span><br>
         <span>eyes behind glasses...</span>
     </div>
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/3steps/hallway.jpg" alt="图片2" width="170" />
         <br/>
         <span>A grand hallway</span><br>
         <span>inside an opulent palace...</span>
     </div>
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/3steps/starnight.jpg" alt="图片3" width="170" />
         <br />
         <span>Van Gogh’s Starry Night...</span><br>
         <span>replace... with cityscape</span>
     </div>
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/3steps/sailor.jpg" alt="图片4" width="170" />
         <br />
         <span>A weathered sailor...</span><br>
@@ -225,25 +225,25 @@ We also present some examples based on **FLUX**.
     <p>4-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/4steps/guitar.jpg" alt="图片1" width="170" />
         <br />
         <span>A guitar,</span><br>
         <span>2d minimalistic icon...</span>
     </div>
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/4steps/cat.jpg" alt="图片2" width="170" />
         <br/>
         <span>A cat</span><br>
         <span>near the window...</span>
     </div>
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/4steps/rabbit.jpg" alt="图片3" width="170" />
         <br />
         <span>close up photo of a rabbit...</span><br>
         <span>forest in spring...</span>
     </div>
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/4steps/blossom.jpg" alt="图片4" width="170" />
         <br />
         <span>...urban decay...</span><br>
@@ -254,25 +254,25 @@ We also present some examples based on **FLUX**.
     <p>6-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/6steps/dog.jpg" alt="图片1" width="170" />
         <br />
         <span>A cute dog</span><br>
         <span>on the grass...</span>
     </div>
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/6steps/tea.jpg" alt="图片2" width="170" />
         <br/>
         <span>...hot floral tea</span><br>
         <span>in glass kettle...</span>
     </div>
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/6steps/bag.jpg" alt="图片3" width="170" />
         <br />
         <span>...a bag...</span><br>
         <span>luxury product style...</span>
     </div>
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/6steps/cat.jpg" alt="图片4" width="180" />
         <br />
         <span>a master jedi cat...</span><br>
@@ -283,25 +283,25 @@ We also present some examples based on **FLUX**.
     <p>8-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/8steps/lion.jpg" alt="图片1" width="170" />
         <br />
         <span>A lion...</span><br>
         <span>low-poly game art...</span>
     </div>
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/8steps/street.jpg" alt="图片2" width="170" />
         <br/>
         <span>Tokyo street...</span><br>
         <span>blurred motion...</span>
     </div>
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/8steps/dragon.jpg" alt="图片3" width="170" />
         <br />
         <span>A tiny red dragon sleeps</span><br>
         <span>curled up in a nest...</span>
     </div>
-    <div style="text-align: center; margin: 10px;">
+    <div style="text-align: center; margin: 2px;">
         <img src="assets/FLUX/8steps/female.jpg" alt="图片4" width="170" />
         <br />
         <span>A female...a postcard</span><br>