الگو:دایره های کنار هم: تفاوت میان نسخهها
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش برچسب: واگردانی دستی |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<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> | ||