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

بدون خلاصۀ ویرایش
برچسب: واگردانی دستی
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<div style="display: flex; flex-direction: row; flex-wrap: wrap; gap: 2px; justify-content: center; align-items: flex-start; width: 100%; margin: 10px 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 22%; min-width: 120px; gap: 2px;">
     <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 22%; min-width: 120px; gap: 2px;">
خط ۲۹: خط ۲۹:
         }}
         }}
     </div>
     </div>


     <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 22%; min-width: 120px; gap: 2px;">
     <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 22%; min-width: 120px; gap: 2px;">
خط ۳۷: خط ۳۶:
         }}
         }}
     </div>
     </div>
</div>
</div>