الگو:دایره های کنار هم: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

دیداریویکی‌متن

@@ خط ۱: / خط ۱: @@
-<div style="display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin:5px 0;">
+<div style="display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; justify-content:center; align-items:flex-start; width:100%; margin:5px 0;">
-<div style="display:flex;flex-direction:column;align-items:center;flex:1 1 180px;max-width:250px;">
+  <div style="display:flex; flex-direction:column; align-items:center; flex:1 1 180px; max-width:250px;">{{کانتینرعکس دایره|تصویر={{{تصویر1|}}}}}
-{{کانتینرعکس دایره|تصویر={{{تصویر1|}}}}}
+    {{#if:{{{کپشن1|}}}|
-<div style="margin-top:-2px;padding:0;line-height:1;text-align:center; font-size: clamp(14px, 1.2vw, 17px) !important;">{{{کپشن1|}}}</div>
+<div style="display:block; font-size:1em; line-height:0.9; margin-top:0px; text-align:center;">{{{کپشن1}}}
-</div>
+      </div>
+    }}
+  </div>
-<div style="display:flex;flex-direction:column;align-items:center;flex:1 1 180px;max-width:250px;">
+  <div style="display:flex; flex-direction:column; align-items:center; flex:1 1 180px; max-width:250px;">
-{{کانتینرعکس دایره|تصویر={{{تصویر2|}}}}}
+    {{کانتینرعکس دایره|تصویر={{{تصویر2|}}}}}
-<div style="margin-top:-2px;padding:0;line-height:1;text-align:center; font-size: clamp(14px, 1.2vw, 17px) !important;">{{{کپشن2|}}}</div>
+    {{#if:{{{کپشن2|}}}|
-</div>
+<div style="display:block; font-size:1em; line-height:0.9; margin-top:0px; text-align:center;">
+{{{کپشن2}}}
+      </div>
+    }}
+  </div>
-<div style="display:flex;flex-direction:column;align-items:center;flex:1 1 180px;max-width:250px;">
+  <div style="display:flex; flex-direction:column; align-items:center; flex:1 1 180px; max-width:250px;">
-{{کانتینرعکس دایره|تصویر={{{تصویر3|}}}}}
+    {{کانتینرعکس دایره|تصویر={{{تصویر3|}}}}}
-<div style="margin-top:-2px;padding:0;line-height:1;text-align:center; font-size: clamp(14px, 1.2vw, 17px) !important;">{{{کپشن3|}}}</div>
+    {{#if:{{{کپشن3|}}}|
-</div>
+<div style="display:block; font-size:1em; line-height:0.9; margin-top:0px; text-align:center;">
+{{{کپشن3}}}
+      </div>
+    }}
+  </div>
-<div style="display:flex;flex-direction:column;align-items:center;flex:1 1 180px;max-width:250px;">
+  <div style="display:flex; flex-direction:column; align-items:center; flex:1 1 180px; max-width:250px;">
-{{کانتینرعکس دایره|تصویر={{{تصویر4|}}}}}
+    {{کانتینرعکس دایره|تصویر={{{تصویر4|}}}}}
-<div style="margin-top:-2px;padding:0;line-height:1;text-align:center; font-size: clamp(14px, 1.2vw, 17px) !important;">{{{کپشن4|}}}</div>
+{{#if:{{{کپشن4|}}}|
-</div>
+<div style="display:block; font-size:1em; line-height:0.9; margin-top:0px; text-align:center;">
+{{{کپشن4}}}
+      </div>
+    }}
+  </div>
-<div style="display:flex;flex-direction:column;align-items:center;flex:1 1 180px;max-width:250px;">
+  <div style="display:flex; flex-direction:column; align-items:center; flex:1 1 180px; max-width:250px;">
-{{کانتینرعکس دایره|تصویر={{{تصویر5|}}}}}
+    {{کانتینرعکس دایره|تصویر={{{تصویر5|}}}}}
-<div style="margin-top:-2px;padding:0;line-height:1;text-align:center; font-size: clamp(14px, 1.2vw, 17px) !important;">{{{کپشن5|}}}</div>
+    {{#if:{{{کپشن5|}}}|
-</div>
+<div style="display:block; font-size:1em; line-height:0.9; margin-top:0px; text-align:center;">
+{{{کپشن5}}}
+      </div>
+    }}
+  </div>
 </div>