دایره های کنار هم - فراغیب

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

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

@@ خط ۱: / خط ۱: @@
-<div style="display: flex; flex-direction: row; flex-wrap: wrap; gap: 0px; justify-content: center; align-items: flex-start; width: 100%; margin: 5px 0;">
+<div style="display: flex; flex-direction: row; flex-wrap: wrap; gap: 2px; justify-content: center; align-items: flex-start; width: 100%; margin: 10px 0;">
-    <!-- نکته فنی: مقدار gap در div اصلی بالا را می‌توانید به 1px یا 0px کاهش دهید -->
-    <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 16%; min-width: 120px; gap: 2px;">
+<div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 180px; max-width: 250px; gap: 2px;">
          {{کانتینرعکس دایره|تصویر={{{تصویر1|}}}}}
          {{#if:{{{کپشن1|}}}|
-         <div style="font-size: 1em; text-align: center; line-height: 0;">{{{کپشن1}}}</div>
+         <div style="font-size: 1em; text-align: center;margin-top:-8px;padding:0;">{{{کپشن1}}}</div>
          }}
      </div>
-    <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 16%; min-width: 120px; gap: 2px;">
+<div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 180px; max-width: 250px; gap: 2px;">
          {{کانتینرعکس دایره|تصویر={{{تصویر2|}}}}}
          {{#if:{{{کپشن2|}}}|
-         <div style="font-size: 1em; text-align: center; line-height: 0;">{{{کپشن2}}}</div>
+         <div style="font-size: 1em; text-align: center;margin-top:-8px;padding:0;">{{{کپشن2}}}</div>
          }}
      </div>
-    <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 16%; min-width: 120px; gap: 2px;">
+<div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 180px; max-width: 250px; gap: 2px;">
          {{کانتینرعکس دایره|تصویر={{{تصویر3|}}}}}
          {{#if:{{{کپشن3|}}}|
-         <div style="font-size: 1em; text-align: center; line-height: 0;">{{{کپشن3}}}</div>
+         <div style="font-size: 1em; text-align: center;margin-top:-8px;padding:0;">{{{کپشن3}}}</div>
          }}
      </div>
@@ خط ۲۶: / خط ۲۵: @@
          {{کانتینرعکس دایره|تصویر={{{تصویر4|}}}}}
          {{#if:{{{کپشن4|}}}|
-         <div style="font-size: 1em; text-align: center; line-height: 0;">{{{کپشن4}}}</div>
+         <div style="font-size: 1em; text-align: center;margin-top:-8px;padding:0;">{{{کپشن4}}}</div>
          }}
      </div>
-    <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 16%; min-width: 120px; gap: 2px;">
+<div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 180px; max-width: 250px; gap: 2px;">
          {{کانتینرعکس دایره|تصویر={{{تصویر5|}}}}}
          {{#if:{{{کپشن5|}}}|
-         <div style="font-size: 1em; text-align: center; line-height: 0;">{{{کپشن5}}}</div>
+         <div style="font-size: 1em; text-align: center;margin-top:-8px;padding:0;">{{{کپشن5}}}</div>
          }}
      </div>
-</div>
-<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 200px; max-width:250px;">
-    {{کانتینرعکس دایره|تصویر={{{تصویر1|}}}}}
-    {{#if:{{{کپشن1|}}}|
-      <div style="display:block; font-size:1em; line-height:1.2; margin-top:4px; text-align:center;">
-        {{{کپشن1}}}
-      </div>
-    }}
-  </div>
-  <div style="display:flex; flex-direction:column; align-items:center; flex:1 1 200px; max-width:250px;">
-    {{کانتینرعکس دایره|تصویر={{{تصویر2|}}}}}
-    {{#if:{{{کپشن2|}}}|
-      <div style="display:block; font-size:1em; line-height:1.2; margin-top:4px; text-align:center;">
-        {{{کپشن2}}}
-      </div>
-    }}
-  </div>
-  <div style="display:flex; flex-direction:column; align-items:center; flex:1 1 200px; max-width:250px;">
-    {{کانتینرعکس دایره|تصویر={{{تصویر3|}}}}}
-    {{#if:{{{کپشن3|}}}|
-      <div style="display:block; font-size:1em; line-height:1.2; margin-top:4px; text-align:center;">
-        {{{کپشن3}}}
-      </div>
-    }}
-  </div>
-  <div style="display:flex; flex-direction:column; align-items:center; flex:1 1 200px; max-width:250px;">
-    {{کانتینرعکس دایره|تصویر={{{تصویر4|}}}}}
-    {{#if:{{{کپشن4|}}}|
-      <div style="display:block; font-size:1em; line-height:1.2; margin-top:4px; text-align:center;">
-        {{{کپشن4}}}
-      </div>
-    }}
-  </div>
-  <div style="display:flex; flex-direction:column; align-items:center; flex:1 1 200px; max-width:250px;">
-    {{کانتینرعکس دایره|تصویر={{{تصویر5|}}}}}
-    {{#if:{{{کپشن5|}}}|
-      <div style="display:block; font-size:1em; line-height:1.2; margin-top:4px; text-align:center;">
-        {{{کپشن5}}}
-      </div>
-    }}
-  </div>
 </div>

نسخهٔ ‏۱۳ ژوئیهٔ ۲۰۲۶، ساعت ۱۰:۰۹